.login-page{--gold:#c9973a;--gold-hi:#dba84a;--gold-dark:#a97c2a;--accent:var(--gold-hi);--bg:#07060a;--card:#13121ac7;--border:#ffffff14;--field-border:#ffffff1f;--border-gold:#c9973a47;--txt:#f2ede4;--txt2:#8a8070;--txt3:#9e9689;--error:#e45555;background:var(--bg);min-height:100vh;color:var(--txt);font-family:var(--font-dm-sans), sans-serif;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page .bg-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-page .bg-grid{background-image:linear-gradient(#c9973a0a 1px,#0000 1px),linear-gradient(90deg,#c9973a0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.login-page .bg-glow{pointer-events:none;filter:blur(100px);background:radial-gradient(#c9973a1f 0%,#0000 70%);width:800px;height:600px;position:absolute}.login-page .aurora-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-page .aurora-blob{filter:blur(120px);opacity:.14;border-radius:50%;animation:22s ease-in-out infinite aurora-float;position:absolute}.login-page .ab1{background:var(--gold);width:45%;height:45%;animation-duration:25s;top:-10%;right:-5%}.login-page .ab2{background:#a97c2a;width:40%;height:40%;animation-duration:28s;animation-delay:-5s;bottom:-10%;left:-5%}.login-page .ab3{background:#c9973a;width:30%;height:30%;animation-duration:20s;animation-delay:-10s;top:25%;left:20%}@keyframes aurora-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-60px)scale(1.08)}66%{transform:translate(-30px,30px)scale(.92)}}.login-page .bg-arch{opacity:.045;pointer-events:none;position:absolute;inset:0}.login-page .bg-wrap:after{content:"";opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:absolute;inset:0}.login-page .topbar{z-index:10;padding:16px 24px;position:absolute;top:0;right:0}.login-page .lang-btn{border:1px solid var(--border);min-width:44px;min-height:44px;font-family:var(--font-dm-sans), sans-serif;color:var(--txt2);cursor:pointer;letter-spacing:.07em;background:#ffffff08;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.login-page .lang-btn:hover{border-color:var(--gold);color:var(--gold)}.login-page .lang-btn:focus-visible,.login-page .eye-btn:focus-visible,.login-page .forgot:focus-visible,.login-page .signup-cta a:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.login-page .login-header{z-index:10;justify-content:center;margin-bottom:24px;animation:.55s both fadeDown;display:flex;position:relative}.login-page .logo-wrap{z-index:10;justify-content:center;display:flex;position:relative}.login-page .logo-img{object-fit:contain;width:auto;height:60px}.login-page .login-main{flex-direction:column;align-items:center;width:100%;display:flex}.login-page .login-card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(28px);z-index:1;border-radius:24px;width:100%;max-width:440px;padding:40px 42px 32px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeUp;position:relative;overflow:hidden;box-shadow:0 32px 100px #0009,0 0 0 1px #ffffff09,inset 0 0 20px #ffffff05}.login-page .login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.4;pointer-events:none;height:1px;position:absolute;top:0;left:10%;right:10%}.login-page .card-head{text-align:center;margin-bottom:22px}.login-page .card-head h1{font-family:var(--font-cormorant), serif;color:var(--txt);margin-bottom:10px;font-size:38px;font-style:italic;font-weight:600;line-height:1.05}.login-page .accent-word{background:linear-gradient(135deg, var(--gold-hi), var(--gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.login-page .card-head p{color:var(--txt2);font-size:14px;line-height:1.5}.login-page .user-chip{text-align:left;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform, opacity;cursor:pointer;width:100%;color:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;outline:none;align-items:center;gap:14px;margin:32px 0;padding:14px 18px;font-family:inherit;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.login-page .user-chip:hover{border-color:var(--gold-hi);background:#ffffff0f;box-shadow:0 12px 32px #0000004d}.login-page .user-chip:active{background:#ffffff0a}.login-page .switch-account-link{color:var(--txt3);cursor:pointer;opacity:.6;text-underline-offset:4px;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:500;-webkit-text-decoration:underline #ffffff1a;text-decoration:underline #ffffff1a;transition:all .2s;display:inline-flex}.login-page .switch-account-link:hover{opacity:1;color:var(--gold);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.login-page .switch-account-link:disabled{opacity:.3;cursor:not-allowed}.login-page .user-chip .avatar{background:linear-gradient(135deg, var(--gold-hi), var(--gold-dark));color:#0d0d0d;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 12px #c9973a4d}.login-page .user-chip .user-info{flex:1;min-width:0}.login-page .user-chip .user-email{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:13.5px;font-weight:500;overflow:hidden}.login-page .user-chip .user-label{text-transform:uppercase;letter-spacing:.05em;color:var(--gold);opacity:.8;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.login-page .user-chip .entity-name{opacity:.5;text-transform:none;font-size:10px;font-weight:400}.login-page .user-chip.is-expanded{border-color:var(--gold);background:#ffffff0d}.login-page .portal-list{text-align:left;flex-direction:column;gap:10px;margin-top:10px;display:flex}.login-page .portal-hint{color:var(--txt3);letter-spacing:.02em;opacity:.8;text-align:center;margin-bottom:8px;font-size:12px}.login-page .portal-item{cursor:pointer;width:100%;color:var(--txt);background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;outline:none;align-items:center;gap:16px;padding:16px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.login-page .portal-item:hover{border-color:var(--gold-hi);background:#ffffff0d;transform:translate(6px)}.login-page .portal-icon{width:32px;height:32px;color:var(--gold);background:#c9973a1a;border-radius:8px;justify-content:center;align-items:center;display:flex}.login-page .portal-details{flex-direction:column;flex:1;gap:1px;display:flex}.login-page .portal-name{font-size:14px;font-weight:600}.login-page .portal-desc{color:var(--txt3);font-size:11px}.login-page .portal-arrow{opacity:.2;transition:all .3s}.login-page .portal-item:hover .portal-arrow{opacity:1;color:var(--gold);transform:translate(4px)}.login-page .form{flex-direction:column;gap:10px;display:flex}.login-page .google-signup-terms{color:var(--txt3);cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start;column-gap:10px;font-size:13px;line-height:1.5;display:grid}.login-page .google-signup-terms input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin:2px 0 0}.login-page .google-signup-terms a{min-width:0;min-height:0;color:var(--txt);line-height:inherit;display:inline}.login-page .google-signup-terms a:hover{color:var(--accent)}.login-page .divider{align-items:center;gap:10px;margin:2px 0;display:flex}.login-page .div-line{background:var(--border);flex:1;height:1px}.login-page .div-txt{color:var(--txt2);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:10.5px}.login-page .error-banner{color:#f08080;background:#e055551a;border:1px solid #e055554d;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;animation:.4s shake;display:none}.login-page .error-banner.show{display:flex}.login-page .field{position:relative}.login-page .field label{color:var(--txt2);pointer-events:none;font-size:13.5px;font-weight:400;transition:all .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-page .field input:focus+label,.login-page .field input:not(:placeholder-shown)+label{color:var(--accent)!important;letter-spacing:.07em!important;font-size:10px!important;font-weight:500!important;top:10px!important;transform:translateY(0)!important}.login-page .field input{border:1px solid var(--field-border);width:100%;font-size:14px;font-family:var(--font-dm-sans), sans-serif;color:var(--txt);background:#08080ccc;border-radius:11px;outline:none;padding:20px 14px 8px;transition:border-color .25s,box-shadow .25s}.login-page .field input::placeholder{color:#0000}.login-page .field input:focus{border-color:#c9973a80;box-shadow:0 0 0 3px #c9973a14}.login-page .field input.error{border-color:#e0555580}.login-page .pw-wrap{position:relative}.login-page .pw-wrap .field input{padding-right:56px}.login-page .eye-btn{cursor:pointer;color:var(--txt2);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:14px;transition:color .2s;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.login-page .eye-btn:hover{color:var(--gold)}.login-page .form-meta{justify-content:space-between;align-items:center;display:flex}.login-page .remember{cursor:pointer;align-items:center;gap:7px;min-height:44px;display:inline-flex;position:relative}.login-page .remember input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.login-page .remember:focus-within{outline:2px solid var(--gold-hi);outline-offset:2px;border-radius:4px}.login-page .check-box{border:1.5px solid #ffffff29;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;transition:all .2s;display:flex}.login-page .remember input:checked~.check-box{background:var(--gold);border-color:var(--gold)}.login-page .check-box svg{display:none}.login-page .remember input:checked~.check-box svg{display:block}.login-page .remember-txt{color:var(--txt2);-webkit-user-select:none;user-select:none;font-size:11.5px}.login-page .forgot{min-width:44px;min-height:44px;color:var(--gold);opacity:.85;justify-content:center;align-items:center;padding:0 8px;font-size:11.5px;text-decoration:none;transition:opacity .2s;display:inline-flex}.login-page .forgot:hover{opacity:1}.login-page .btn-signin,.login-page .btn-primary{background:linear-gradient(135deg, var(--gold-hi) 0%, var(--gold) 50%, var(--gold-dark) 100%);width:100%;font-family:var(--font-dm-sans), sans-serif;letter-spacing:.02em;color:#0d0d0d;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #c9973a40}.login-page .btn-signin:after,.login-page .btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.login-page .btn-signin:hover,.login-page .btn-primary:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 10px 32px #c9973a66}.login-page .btn-signin:hover:after,.login-page .btn-primary:hover:after{transform:translate(100%)}.login-page .btn-signin:active,.login-page .btn-primary:active{transform:translateY(0)scale(.98)}.login-page .btn-secondary{border:1px solid var(--border);width:100%;color:var(--txt3);cursor:pointer;font-size:13.5px;font-family:var(--font-dm-sans), sans-serif;background:0 0;border-radius:12px;padding:12px;font-weight:500;transition:all .2s;display:block}.login-page .btn-secondary:hover{border-color:var(--gold);color:var(--gold);background:#c9973a0d}.login-page .btn-secondary:disabled{opacity:.4;cursor:not-allowed}.login-page .btn-signin.loading{pointer-events:none;opacity:.8}.login-page .btn-signin .btn-idle{align-items:center;gap:8px;display:flex}.login-page .loading-spinner{border:2px solid #0003;border-top-color:#0d0d0d;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.login-page .signup-cta{text-align:center;color:var(--txt2);font-size:12.5px}.login-page .signup-cta a{min-width:44px;min-height:44px;color:var(--gold);justify-content:center;align-items:center;margin-left:4px;padding:0 8px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.login-page .signup-cta a:hover{color:var(--gold-hi)}.login-page .footer-note{color:#f2ede42e;letter-spacing:.04em;text-align:center;z-index:1;margin-top:18px;font-size:10.5px;animation:.6s .25s both fadeUp}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-page .card-icon{background:#c9973a1a;border:1px solid #c9973a38;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 16px;display:flex}.login-page .success-icon{background:#c9973a1a;border:1px solid #c9973a40;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 18px;display:flex}.login-page .btn-signin-link{background:linear-gradient(135deg, var(--gold-hi) 0%, var(--gold) 50%, var(--gold-dark) 100%);width:100%;font-family:var(--font-dm-sans), sans-serif;color:#0d0d0d;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:13.5px;font-weight:500;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 4px 20px #c9973a47}.login-page .btn-signin-link:hover{transform:translateY(-1px);box-shadow:0 6px 28px #c9973a66}.login-page .back-link{color:var(--txt3);justify-content:center;align-items:center;gap:6px;margin-top:2px;font-size:12.5px;text-decoration:none;transition:color .2s;display:flex}.login-page .back-link:hover{color:var(--gold)}.login-page .back-link svg{transition:transform .2s}.login-page .back-link:hover svg{transform:translate(-3px)}@media (max-width:480px){.login-page .login-card{max-width:calc(100% - 32px);padding:28px 24px 24px}.login-page .card-head h1{font-size:30px}}