.background-effects{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.background-gradient{background:radial-gradient(circle at 20% 30%,#00b7ff1f,#0000 25%),radial-gradient(circle at 80% 25%,#7adcff29,#0000 20%),radial-gradient(circle at 30% 80%,#00b7ff1a,#0000 25%);position:absolute;inset:0}.background-vignette{background:radial-gradient(circle,#0000 45%,#0000001f 100%);position:absolute;inset:0}.ambient-glow{filter:blur(55px);opacity:.7;border-radius:50%;width:260px;height:260px;animation:5s ease-in-out infinite pulseGlow;position:absolute}.ambient-glow-left{background:radial-gradient(circle,#00b7ff47,#0000 70%);bottom:12%;left:8%}.ambient-glow-right{background:radial-gradient(circle,#7adcff47,#0000 70%);animation-delay:1.5s;top:10%;right:10%}.light-beam{opacity:0;background:linear-gradient(#fff0,#96ebfff2,#00b7ff00);border-radius:999px;width:2px;animation-name:fallBeam;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-220px;transform:rotate(18deg);box-shadow:0 0 10px #7de1ff80,0 0 24px #00b7ff59}.light-beam:after{content:"";background:#b4f0fff2;border-radius:50%;width:8px;height:8px;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #b4f0fff2,0 0 28px #00b7ff80}.floating-particle{background:radial-gradient(circle,#c8f7fff2,#00b7ff2e);border-radius:50%;animation:ease-in-out infinite floatParticle;position:absolute;box-shadow:0 0 10px #b4f0ffb3,0 0 20px #00b7ff59}@keyframes fallBeam{0%{opacity:0;transform:translateY(-180px)translate(0)rotate(18deg)}10%{opacity:1}85%{opacity:.9}to{opacity:0;transform:translateY(120vh)translate(80px)rotate(18deg)}}@keyframes floatParticle{0%,to{opacity:.45;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-12px)scale(1.2)}}@keyframes pulseGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}*{box-sizing:border-box}body{margin:0}.login-page{background:radial-gradient(circle at 72% 30%,#80dcff8c,#0000 9%),radial-gradient(circle at 29% 61%,#00b7ff8c,#0000 10%),linear-gradient(135deg,#868d96 0%,#d9dde2 48%,#aeb5bd 100%);justify-content:center;align-items:center;min-height:100vh;padding:30px;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative;overflow:hidden}.login-wrapper{z-index:2;width:min(92vw,560px);position:relative}.login-shape{clip-path:polygon(24% 0%,76% 7%,100% 35%,78% 100%,21% 84%,0% 43%);background:linear-gradient(110deg,#ffffff21 0%,#0000 32%),linear-gradient(73deg,#00b4ff47 7%,#0000 28%),linear-gradient(160deg,#ffffff0f 0%,#0000 38%),linear-gradient(135deg,#0d1216e6 0%,#050607 48%,#000 100%);height:360px;position:relative;overflow:hidden;box-shadow:0 28px 48px #00000073,inset 0 0 30px #ffffff0d,inset 0 0 70px #00b4ff1f}.login-shape:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 10%,#ffffff2e 31%,#0000 34%),linear-gradient(115deg,#0000 18%,#ffffff14 55%,#0000 58%);position:absolute;inset:0}.top-frame{opacity:.95;pointer-events:none;border-top:18px solid #edf6ff94;border-left:18px solid #edf6ff94;border-right:18px solid #edf6ff94;width:455px;height:116px;position:absolute;top:6px;left:26px;transform:rotate(-8deg)skew(-18deg)}.blue-light{filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#5ad5ffe6,#0000 67%);border-radius:50%;width:135px;height:135px;position:absolute}.blue-light-left{bottom:42px;left:54px}.blue-light-right{top:48px;right:46px}.glass-stripe{background:linear-gradient(90deg,#0000,#00b7ff8c,#0000);height:2px;position:absolute;left:145px;right:90px;box-shadow:0 0 14px #00b7ff8c}.stripe-one{top:135px}.stripe-two{top:185px}.login-form{z-index:5;flex-direction:column;align-items:center;width:240px;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.login-form h1{color:#ffffffd6;letter-spacing:2px;text-shadow:0 0 8px #ffffff40,0 0 14px #00b7ff52;margin:0 0 18px;font-size:34px;font-weight:200}.login-form input{color:#333;text-align:center;letter-spacing:.4px;background:#ffffffeb;border:1px solid #ffffff8c;border-radius:7px;outline:none;width:100%;height:34px;margin-bottom:14px;font-size:12px;transition:all .25s;box-shadow:inset 0 1px 3px #00000038,0 0 14px #00b7ff24}.login-form input::placeholder{color:#999}.login-form input:focus{border-color:#5dd3fff2;box-shadow:0 0 0 3px #00b7ff2e,0 0 20px #00b7ff73}.login-form input:disabled,.sign-button:disabled,.forgot-button:disabled{opacity:.65;cursor:not-allowed}.login-error-side{z-index:8;color:#ffd0d0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 0 10px #ff464680;background:linear-gradient(135deg,#ff787838,#0000005c),#0c080ab8;border:1px solid #ff96966b;border-radius:14px;align-items:center;gap:8px;width:125px;min-height:54px;padding:9px 10px 9px 12px;display:flex;position:absolute;top:146px;right:42px;box-shadow:0 0 16px #ff505038,inset 0 0 12px #ffffff0d}.login-error-side span{color:#fff;background:#ff464638;border:1px solid #ffaaaa6b;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:flex;box-shadow:0 0 12px #ff505059}.login-error-side p{margin:0;font-size:11px;line-height:1.25}.sign-button{color:#ffffffb8;cursor:pointer;background:#ffffff14;border:1px solid #aceaff47;border-radius:8px;width:84px;height:28px;font-size:12px;transition:all .25s;box-shadow:inset 0 0 12px #ffffff14,0 0 14px #00b7ff2e}.sign-button:hover{color:#fff;background:#00b7ff33;box-shadow:0 0 16px #00b7ff8c,inset 0 0 12px #ffffff1f}.forgot-button{color:#d4f3ffc7;letter-spacing:.7px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000042;border:1px solid #80dcff3d;border-radius:999px;margin-top:14px;padding:8px 14px;font-size:11px;transition:all .25s}.forgot-button:hover{color:#fff;background:#00b7ff29;box-shadow:0 0 16px #00b7ff61}.reminder-panel{margin-top:22px;overflow:hidden}.reminder-card{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff1a,#0000 35%),#040a12db;border:1px solid #70d7ff47;border-radius:18px;width:88%;margin:0 auto;padding:18px;box-shadow:0 18px 34px #00000052,0 0 25px #00b7ff29}.reminder-card h2{color:#c7efff;margin:0 0 8px;font-size:20px;font-weight:300}.reminder-card p{color:#ffffffc7;margin:0 0 14px;font-size:14px;line-height:1.45}.reminder-card img{transform-origin:top;border:1px solid #ffffff1f;border-radius:14px;width:100%;animation:.75s forwards reminderImageReveal;display:block;box-shadow:0 14px 28px #0000004d,0 0 22px #00b7ff1f}.shadow{filter:blur(8px);background:radial-gradient(#00000057,#0000 68%);width:330px;height:34px;margin:28px auto 0}@keyframes reminderImageReveal{0%{opacity:0;clip-path:inset(0 0 100%);filter:blur(6px);transform:scaleY(.85)translateY(-8px)}60%{opacity:1;clip-path:inset(0);filter:blur();transform:scaleY(1.02)translateY(0)}to{opacity:1;clip-path:inset(0);filter:blur();transform:scaleY(1)translateY(0)}}@media (width<=600px){.login-page{padding:20px}.login-wrapper{width:100%}.login-shape{height:330px}.top-frame{width:82%;left:32px}.login-form{width:215px;top:82px}.login-form h1{font-size:30px}.reminder-card{width:100%}.login-error-side{width:105px;padding:8px;top:142px;right:28px}.login-error-side p{font-size:10px}.login-error-side span{width:19px;height:19px;font-size:12px}}.gallery-page{background:radial-gradient(circle at 72% 28%,#80dcff73,#0000 11%),radial-gradient(circle at 20% 68%,#00b7ff66,#0000 13%),linear-gradient(135deg,#7e858f 0%,#d8dde3 48%,#9ba3ad 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative;overflow-x:hidden}.gallery-bg-effects{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.gallery-glow{filter:blur(45px);background:radial-gradient(circle,#00b7ff73,#0000 70%);border-radius:50%;animation:5s ease-in-out infinite galleryPulse;position:absolute}.glow-a{width:280px;height:280px;bottom:18%;left:8%}.glow-b{width:230px;height:230px;animation-delay:1.2s;top:14%;right:10%}.glow-c{width:190px;height:190px;animation-delay:2s;top:8%;left:45%}.falling-light{opacity:0;background:linear-gradient(#0000,#bef5fff2,#0000);border-radius:999px;width:2px;height:160px;animation:linear infinite galleryFall;position:absolute;top:-180px;box-shadow:0 0 14px #91e6ffbf,0 0 30px #00b7ff61}.light-1{animation-duration:7s;animation-delay:0s;left:8%}.light-2{animation-duration:8.5s;animation-delay:1.2s;left:22%}.light-3{animation-duration:6.8s;animation-delay:2.1s;left:41%}.light-4{animation-duration:7.6s;animation-delay:.7s;left:63%}.light-5{animation-duration:8.2s;animation-delay:2.8s;left:78%}.light-6{animation-duration:7.2s;animation-delay:1.8s;left:91%}.gallery-main-panel{z-index:2;clip-path:polygon(7% 0%,92% 3%,100% 17%,96% 92%,88% 100%,6% 96%,0% 82%,2% 13%);background:linear-gradient(115deg,#ffffff1f 0%,#0000 28%),linear-gradient(75deg,#00b7ff3b 8%,#0000 30%),linear-gradient(145deg,#0d1216eb,#000000e0);width:min(1180px,100%);padding:52px 44px 48px;position:relative;overflow:hidden;box-shadow:0 32px 65px #00000075,inset 0 0 35px #ffffff0d,inset 0 0 80px #00b7ff21,0 0 35px #00b7ff2e}.gallery-main-panel:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 12%,#ffffff26 29%,#0000 32%),linear-gradient(118deg,#0000 30%,#ffffff0f 62%,#0000 66%);position:absolute;inset:0}.gallery-top-frame{opacity:.8;pointer-events:none;border-top:16px solid #edf6ff6b;border-left:16px solid #edf6ff6b;border-right:16px solid #edf6ff6b;width:78%;height:115px;position:absolute;top:12px;left:54px;transform:rotate(-2deg)skew(-14deg)}.gallery-panel-shine{pointer-events:none;background:linear-gradient(115deg,#0000 10%,#ffffff17 35%,#0000 57%);animation:5.5s linear infinite galleryShine;position:absolute;inset:0;transform:translate(-120%)}.gallery-header{z-index:3;text-align:center;margin-bottom:36px;position:relative}.secret-orb{cursor:pointer;opacity:.55;background:radial-gradient(circle,#d9f8ff,#00b7ff 45%,#0000 72%);border:none;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;top:-12px;right:20px;box-shadow:0 0 12px #bcf2ffe6,0 0 30px #00b7ffbf}.secret-orb:hover{opacity:1;transform:scale(1.2)}.secret-orb.unlocked{background:radial-gradient(circle,#fff6bc,#ffd000 42%,#0000 72%);box-shadow:0 0 16px #ffee85,0 0 38px #ffd300cc}.gallery-small-title{color:#beeeffd1;letter-spacing:5px;margin:0 0 4px;font-size:12px}.gallery-header h1{color:#ffffffe6;letter-spacing:8px;text-shadow:0 0 10px #ffffff38,0 0 24px #00b7ff6b;margin:0;font-size:clamp(40px,6vw,68px);font-weight:200}.gallery-description{color:#ffffffad;max-width:520px;margin:12px auto 0;font-size:14px;line-height:1.5}.secret-message{color:#fff2a8;letter-spacing:1px;text-shadow:0 0 12px #ffd700a6;margin:12px 0 0;font-size:14px}.gallery-grid{z-index:3;grid-template-columns:repeat(3,1fr);gap:22px;display:grid;position:relative}.gallery-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(145deg,#ffffff1a,#0000 34%),#040910c7;border:1px solid #7cdcff3d;border-radius:22px;min-height:275px;padding:12px;position:relative;overflow:hidden;box-shadow:0 18px 34px #0000005c,inset 0 0 18px #ffffff0a,0 0 22px #00b7ff14}.secret-card{display:none}.secret-card.secret-unlocked{border-color:#ffdc5a73;display:block;box-shadow:0 18px 34px #0000005c,inset 0 0 20px #ffdc5a1a,0 0 28px #ffd3002e}.secret-card.secret-unlocked:after{content:"SECRET";color:#fff2a8;letter-spacing:1.5px;z-index:4;background:#ffd60029;border:1px solid #ffe67873;border-radius:999px;padding:5px 9px;font-size:10px;position:absolute;top:14px;right:14px;box-shadow:0 0 14px #ffd6004d}.gallery-card:before{content:"";opacity:0;background:linear-gradient(115deg,#0000 15%,#ffffff1f 45%,#0000 60%);transition:all .45s;position:absolute;inset:0;transform:translate(-80%)}.gallery-card:hover:before{opacity:1;transform:translate(80%)}.gallery-card-light{filter:blur(14px);opacity:.55;background:radial-gradient(circle,#5fd5ffbf,#0000 70%);border-radius:50%;width:110px;height:110px;position:absolute;top:-35px;right:-35px}.secret-unlocked .gallery-card-light{background:radial-gradient(circle,#ffe15abf,#0000 70%)}.gallery-image-box{border:1px solid #ffffff1f;border-radius:16px;height:190px;position:relative;overflow:hidden;box-shadow:0 12px 24px #00000059}.gallery-image-box img{object-fit:cover;filter:saturate(1.1)contrast(1.05);width:100%;height:100%;transition:all .45s;display:block}.gallery-card:hover .gallery-image-box img{transform:scale(1.08)}.gallery-card-content{z-index:2;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px 4px;display:flex;position:relative}.gallery-card-content span{color:#a3e7ffcc;letter-spacing:2px;font-size:12px}.secret-unlocked .gallery-card-content span{color:#ffe882e6}.gallery-card-content h2{color:#ffffffdb;letter-spacing:1px;text-align:right;margin:0;font-size:18px;font-weight:300}.poem-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.poem-modal{background:linear-gradient(120deg,#ffffff1a,#0000 32%),linear-gradient(145deg,#0c121af2,#000000eb);border:1px solid #81e0ff57;border-radius:26px;grid-template-columns:1fr 1fr;gap:0;width:min(880px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000094,0 0 38px #00b7ff33,inset 0 0 28px #ffffff0d}.poem-modal:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff14,#0000 60%);position:absolute;inset:0}.modal-close{z-index:5;color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff2e;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1;transition:all .2s;position:absolute;top:14px;right:16px}.modal-close:hover{background:#00b7ff3d;box-shadow:0 0 18px #00b7ff6b}.modal-image{min-height:420px;overflow:hidden}.modal-image img{object-fit:cover;width:100%;height:100%;display:block}.modal-text{z-index:2;flex-direction:column;justify-content:center;padding:48px 38px;display:flex;position:relative}.modal-label{color:#b6eeffd1;letter-spacing:4px;margin:0 0 8px;font-size:11px}.modal-text h2{color:#fff;text-shadow:0 0 18px #00b7ff61;margin:0 0 22px;font-size:34px;font-weight:300}.poem-text{white-space:pre-line;color:#ffffffd1;margin:0;font-size:18px;line-height:1.7}@keyframes galleryFall{0%{opacity:0;transform:translateY(-200px)translate(0)rotate(18deg)}12%{opacity:1}85%{opacity:.8}to{opacity:0;transform:translateY(120vh)translate(90px)rotate(18deg)}}@keyframes galleryPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}@keyframes galleryShine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media (width<=980px){.gallery-main-panel{padding:48px 30px 42px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-main-panel{clip-path:polygon(5% 0%,94% 2%,100% 13%,97% 94%,88% 100%,5% 97%,0% 86%,2% 11%)}.poem-modal{grid-template-columns:1fr}.modal-image{min-height:300px}}@media (width<=620px){.gallery-page{align-items:flex-start;padding:18px}.gallery-main-panel{clip-path:polygon(4% 0%,95% 2%,100% 10%,98% 96%,88% 100%,4% 98%,0% 90%,2% 8%);padding:42px 18px 34px}.gallery-top-frame{border-top-width:10px;border-left-width:10px;border-right-width:10px;width:82%;height:80px;left:26px}.gallery-grid{grid-template-columns:1fr}.gallery-card{min-height:auto}.gallery-image-box{height:220px}.gallery-small-title{letter-spacing:3px}.gallery-header h1{letter-spacing:4px}.secret-orb{top:-18px;right:4px}.modal-text{padding:34px 24px}.modal-text h2{font-size:28px}.poem-text{font-size:16px}}