.login-scene{--navy:#0b1f3a;--navy-mid:#162942;--gold:#c89b53;--gold-light:#d9b97a;--ivory:#f7f5f2;--ivory-dark:#ede9e3;--graphite:#4a4f58;--line:#0b1f3a1f;--mono:var(--font-jetbrains-mono,"JetBrains Mono", ui-monospace, monospace);background:var(--ivory);min-height:100svh;color:var(--navy);font-family:var(--font-inter,"Inter", system-ui, sans-serif);grid-template-columns:1.08fr .92fr;display:grid}.login-aside{isolation:isolate;background:var(--navy);color:var(--ivory);flex-direction:column;justify-content:space-between;gap:2.5rem;padding:clamp(1.75rem,3.6vw,3.4rem);display:flex;position:relative;overflow:hidden}.login-aside__photo{z-index:-3;opacity:.32;filter:saturate(1.05)contrast(1.02);background:url(/collabix/img/photos/lounge.jpg) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.04)}.login-aside__scrim{z-index:-2;background:linear-gradient(#0b1f3a80 0%,#0b1f3abd 55%,#0b1f3af2 100%),radial-gradient(120% 85% at 82% -5%,#c89b5338,#0000 60%);position:absolute;inset:0}.login-aside__grid{z-index:-1;opacity:.55;background-image:linear-gradient(#c89b5312 1px,#0000 1px),linear-gradient(90deg,#c89b5312 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 38%,#0000 88%);mask-image:radial-gradient(120% 100% at 50% 0,#000 38%,#0000 88%)}.login-aside__brand{justify-content:space-between;align-items:center;gap:1rem;display:flex}.login-aside__logo{display:inline-flex}.login-aside__logo img{width:auto;height:30px;display:block}.login-aside__back{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#f7f5f2ad;align-items:center;gap:.5em;font-size:.7rem;text-decoration:none;transition:color .25s;display:inline-flex}.login-aside__back:hover{color:var(--gold-light)}.login-aside__body{max-width:34ch}.login-aside__title{color:#fff;letter-spacing:-.02em;margin:1.1rem 0 1rem;font-size:clamp(2rem,3.4vw,3rem);font-weight:600;line-height:1.05}.login-aside__title em{color:var(--gold-light);font-style:italic;font-weight:500}.login-aside__sub{color:#f7f5f2b8;max-width:44ch;font-size:1rem;line-height:1.7}.login-meta{gap:2.4rem;margin-top:2.2rem;display:flex}.login-meta .k{font-family:var(--mono);color:var(--gold);font-size:1.35rem;line-height:1}.login-meta .l{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f7f5f294;margin-top:.4rem;font-size:.66rem}.login-panel{justify-content:center;align-items:center;padding:clamp(2rem,5vw,4rem);display:flex}.login-card{width:100%;max-width:384px}.login-eyebrow{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);align-items:center;gap:.7em;font-size:.72rem;display:inline-flex}.login-eyebrow:before{content:"△";font-size:.72em}.login-card__title{letter-spacing:-.02em;color:var(--navy);margin:1rem 0 .5rem;font-size:clamp(1.7rem,2.4vw,2.1rem);font-weight:600}.login-card__desc{color:var(--graphite);font-size:.95rem;line-height:1.6}.login-form{gap:1.1rem;margin-top:1.8rem;display:grid}.login-field{gap:.5rem;display:grid}.login-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);font-size:.68rem}.login-input{border:1px solid var(--line);width:100%;height:52px;color:var(--navy);background:#fff;border-radius:6px;padding:0 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:#4a4f5880}.login-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c89b532e}.login-submit{background:var(--gold);height:52px;color:var(--navy);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5em;font-size:.98rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 20px #c89b5347}.login-submit:hover:not(:disabled){background:var(--gold-light);transform:translateY(-1px);box-shadow:0 10px 28px #c89b5366}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-submit .arw{transition:transform .2s}.login-submit:hover:not(:disabled) .arw{transform:translate(3px)}.login-hint{color:var(--graphite);align-items:center;gap:.55em;margin-top:1.1rem;font-size:.8rem;display:inline-flex}.login-hint:before{content:"";background:var(--gold);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #c89b5333}.login-legal{border-top:1px solid var(--line);color:#4a4f58d9;margin-top:2rem;padding-top:1.4rem;font-size:.78rem;line-height:1.65}.login-legal a{color:var(--navy);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);font-weight:500}.login-legal a:hover{color:var(--gold)}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.login-reveal{animation:.7s cubic-bezier(.22,.61,.36,1) both login-rise}.login-reveal.d1{animation-delay:80ms}.login-reveal.d2{animation-delay:.14s}.login-reveal.d3{animation-delay:.2s}.login-reveal.d4{animation-delay:.26s}@media (max-width:880px){.login-scene{grid-template-columns:1fr}.login-aside{gap:2rem;min-height:42vh}.login-meta{display:none}.login-aside__title{font-size:clamp(1.8rem,6vw,2.4rem)}}@media (max-width:560px){.login-aside{min-height:34vh}.login-aside__body{max-width:none}.login-aside__sub{display:none}}@media (prefers-reduced-motion:reduce){.login-reveal{animation:none}.login-submit,.login-input,.login-aside__back{transition:none}}