:root{--auth-bg:#0a1628;--auth-accent:#1a3a5c;--auth-text:#fff;--auth-text-secondary:#ffffff80;--auth-input-border:#fff3;--auth-input-focus:#1a3a5c;--auth-btn-bg:#fff;--auth-btn-text:#0a1628}#album-container{z-index:1;will-change:transform;pointer-events:none;width:110vw;height:120vh;position:fixed;top:-10vh;left:-5vw}.photo-frame{opacity:0;will-change:transform,top;pointer-events:auto;cursor:default;background:#fff;padding:2px;transition:opacity 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;box-shadow:0 10px 30px #00000080,0 4px 10px #0000004d}.photo-frame img{object-fit:cover;filter:saturate(.7)brightness(.85);width:100%;height:100%;transition:filter .6s;display:block}.photo-frame:hover img{filter:saturate()brightness(1.1)}.vignette-overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0a1628 0%,#0a1628f2 15%,#0a1628b3 35%,#0a162833 65%,#0000 100%),linear-gradient(#0000 0%,#0a16284d 60%,#0a1628d9 85%,#0a1628 100%);position:fixed;inset:0}.auth-layout-grid{z-index:10;width:100vw;min-height:100vh;display:flex;position:relative}.auth-left-zone{justify-content:center;align-items:center;width:45%;min-width:450px;padding:40px;display:flex}.auth-right-zone{width:55%}.login-card{-webkit-backdrop-filter:blur(20px);opacity:0;background:#0a162866;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:380px;padding:48px 40px;animation:.8s cubic-bezier(.16,1,.3,1) .6s forwards formFadeIn;transform:translateY(15px);box-shadow:0 24px 64px #0006}@keyframes formFadeIn{to{opacity:1;transform:translateY(0)}}.brand-header{text-align:center;margin-bottom:40px}.auth-logo{color:var(--auth-text);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:34px;display:inline-block;position:relative}.auth-logo:after{content:"";background-color:var(--auth-accent);width:100%;height:1.5px;position:absolute;bottom:-6px;left:0}.welcome-text{color:var(--auth-text);opacity:.7;margin-top:16px;font-size:14px;font-weight:300}.auth-form-group{margin-bottom:24px;position:relative}.auth-form-group:last-of-type{margin-bottom:12px}.auth-form-input{border:none;border-bottom:1px solid var(--auth-input-border);width:100%;color:var(--auth-text);background:0 0;border-radius:0;outline:none;padding:10px 0;font-family:inherit;font-size:15px;font-weight:300;transition:all .3s}.auth-form-label{color:var(--auth-text);opacity:.5;text-transform:uppercase;letter-spacing:.1em;pointer-events:none;font-size:11px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:12px;left:0}.auth-form-input:focus~.auth-form-label,.auth-form-input:not(:placeholder-shown)~.auth-form-label{opacity:.8;color:var(--auth-text);font-size:10px;top:-10px}.auth-form-input:focus{border-bottom-color:var(--auth-input-focus);box-shadow:0 1px 0 var(--auth-input-focus)}.pwd-toggle{color:var(--auth-text);opacity:.4;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex;position:absolute;top:10px;right:0}.pwd-toggle:hover{opacity:.8}.pwd-toggle svg{width:18px;height:18px}.forgot-link{text-align:right;color:var(--auth-text);opacity:.4;margin-bottom:36px;font-size:11px;text-decoration:none;transition:opacity .2s;display:block}.forgot-link:hover{opacity:1}.auth-btn{text-transform:uppercase;letter-spacing:.12em;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.auth-btn-primary{background-color:var(--auth-btn-bg);color:var(--auth-btn-text)}.auth-btn-primary:hover{background-color:#f0f0f0;transform:scale(1.01)}.auth-btn-primary:active{transform:scale(.99)}.auth-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-divider{text-align:center;color:var(--auth-text);opacity:.2;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:24px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--auth-text);flex:1}.auth-divider:not(:empty):before{margin-right:16px}.auth-divider:not(:empty):after{margin-left:16px}.auth-footer{text-align:center;color:var(--auth-text);opacity:.4;margin-top:40px;font-size:12px;font-weight:300}.auth-footer a{color:var(--auth-text);margin-left:4px;font-weight:400;text-decoration:none;transition:opacity .2s,text-shadow .2s}.auth-footer a:hover{opacity:1;text-shadow:0 0 8px #fff6}.auth-spinner{border:2px solid #0a162833;border-top-color:var(--auth-btn-text);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:13px}@media (max-width:1024px){.auth-left-zone{width:50%;min-width:400px}.auth-right-zone{width:50%}.vignette-overlay{background:linear-gradient(90deg,#0a1628 0%,#0a1628e6 25%,#0a162880 55%,#0000 100%),linear-gradient(#0000 0%,#0a1628cc 85%,#0a1628 100%)}}@media (max-width:768px){.auth-left-zone{width:100%;min-width:auto;padding:24px}.auth-right-zone{display:none}.vignette-overlay{background:linear-gradient(#0a162899 0%,#0a1628d9 40%,#0a1628 100%)}.login-card{background:#0a16288c;padding:40px 24px}#album-container{width:140vw;height:110vh;top:-5vh;left:-20vw}}