.login-container{font-family:Inter,sans-serif;color:#1b1e24;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f7f8fa}.display-font{font-family:Space Grotesk,sans-serif}.bg-slices{position:fixed;inset:-20px;z-index:0}.bg-slice{position:absolute;top:0;bottom:0;background-size:cover;background-position:50%;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s ease,clip-path .9s cubic-bezier(.65,0,.35,1),left .9s cubic-bezier(.65,0,.35,1),width .9s cubic-bezier(.65,0,.35,1);will-change:transform,clip-path;z-index:0}.bg-slice .tint{position:absolute;inset:0;transition:opacity .4s ease,background .6s ease}.bg-slice .label{bottom:36px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:15px;color:#fff;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,bottom .7s ease,font-size .5s ease;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:.02em}.bg-slice .label,.bg-slice .subtitle{position:absolute;left:0;right:0;text-align:center;opacity:0;pointer-events:none}.bg-slice .subtitle{bottom:0;font-family:Inter,sans-serif;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.75);transition:opacity .5s ease .2s}.bg-slice.active,.bg-slice:hover{filter:brightness(1.08) saturate(1.15);z-index:1}.bg-slice.active .tint,.bg-slice:hover .tint{opacity:.32}.bg-slice.active .label,.bg-slice:hover .label{opacity:1;transform:translateY(0)}.bg-slice.exiting{opacity:0;transition:opacity .5s ease;pointer-events:none}.bg-slice.expanding{left:0!important;width:100%!important;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;z-index:5;filter:none!important;transform:none!important}.bg-slice.expanding .tint{opacity:1}.bg-slice.expanding .label{bottom:auto;top:44%;transform:translateY(-50%);font-size:34px;opacity:1}.bg-slice.expanding .subtitle{opacity:1;bottom:auto;top:calc(44% + 44px)}.bg-slice.ec.expanding .tint{background:#16140f}.bg-slice.ec .label,.bg-slice.ec.expanding .label{font-family:Georgia,serif;font-style:italic}.bg-slice.ec.expanding .label span{color:#c99a46;font-style:normal;font-weight:700}.bg-slice.casa.expanding .tint{background:#1e4b38}.bg-slice.casa.expanding .label span{color:#a8d08d;font-weight:700}.bg-slice.gemini.expanding .tint{background:#121212}.bg-slice.gemini.expanding .label{text-transform:uppercase;letter-spacing:.06em}.bg-slice.gemini.expanding .label span{color:#f2a71b}.bg-slice.ec{left:0;width:44%;clip-path:polygon(0 0,100% 0,78% 100%,0 100%);background-image:url(https://images.unsplash.com/photo-1567538096630-e0c55bd6374c?q=80&w=1200&auto=format&fit=crop)}.bg-slice.ec .tint{background:linear-gradient(160deg,rgba(22,20,15,.6),rgba(201,154,70,.4));opacity:.85}.bg-slice.casa{left:32%;width:44%;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);background-image:url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=1200&auto=format&fit=crop)}.bg-slice.casa .tint{background:linear-gradient(160deg,rgba(30,75,56,.65),rgba(124,179,66,.35));opacity:.85}.bg-slice.gemini{left:64%;width:36%;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);background-image:url(https://images.unsplash.com/photo-1586023492125-27b2c045efd7?q=80&w=1200&auto=format&fit=crop)}.bg-slice.gemini .tint{background:linear-gradient(160deg,hsla(0,0%,7%,.7),rgba(242,167,27,.35));opacity:.85}.login-scrim{position:fixed;inset:0;z-index:2;background:radial-gradient(ellipse at center,rgba(10,11,13,.32),rgba(10,11,13,.7) 75%);pointer-events:none;transition:opacity .6s ease}.login-scrim.hidden{opacity:0}.login-card{position:relative;z-index:3;background:rgba(247,248,250,.98);backdrop-filter:blur(6px);border-radius:14px;width:100%;max-width:420px;padding:44px 40px 36px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);margin:20px;transition:opacity .45s ease,transform .45s ease}.login-card.hidden{opacity:0;transform:scale(.94) translateY(14px);pointer-events:none}.brand-badges{gap:14px;margin-bottom:22px}.brand-badge,.brand-badges{display:flex;justify-content:center}.brand-badge{width:52px;height:52px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.12);align-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;flex-shrink:0;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.brand-badge.active,.brand-badge:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 8px 20px rgba(0,0,0,.22)}.brand-badge.ec{background:#16140f;color:#c99a46}.brand-badge.casa{background:#fff;color:#1e4b38;border-color:#dce3d5;font-size:12px}.brand-badge.gemini{background:radial-gradient(circle at 35% 30%,#f2a71b,#c77e0a 75%);color:#121212;font-size:16px}.system-label{text-align:center;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#737a87;margin-bottom:6px}.login-headline{text-align:center;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:19px;color:#191b20;margin-bottom:30px}.login-field{margin-bottom:20px}.login-field label{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#737a87;margin-bottom:8px;font-weight:600}.login-field-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.forgot-link{font-size:11.5px;color:#3e6c9e;text-decoration:none;font-weight:600}.login-field input{width:100%;border:none;border-bottom:1.5px solid #dee2e8;background:transparent;padding:6px 2px 10px;font-family:Inter,sans-serif;font-size:14.5px;outline:none;color:#1b1e24;transition:border-color .15s ease}.login-field input:focus{border-color:#3e6c9e}.login-field input.monospace-pwd{font-family:IBM Plex Mono,Courier New,monospace;letter-spacing:.08em;padding-right:44px;caret-color:var(--brass,#b08d57)}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap.shown input.monospace-pwd{color:var(--brass-deep,#8e7143);font-weight:500}.password-eye-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px;height:36px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#737a87;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s ease,background .2s ease}.password-eye-btn:hover{color:#1b1e24;background:rgba(0,0,0,.04)}.password-eye-btn:focus-visible{outline:1.5px solid var(--brass,#b08d57)}.password-eye-btn svg{width:20px;height:20px;overflow:visible}.password-eye-btn .ball{transform-origin:12px 12px;transform:scaleY(.08);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.password-eye-btn .pupil{opacity:0;transition:opacity .15s ease}.password-eye-btn .slash{stroke-dasharray:26;stroke-dashoffset:0;transition:stroke-dashoffset .3s ease}.password-input-wrap.shown .password-eye-btn{color:var(--brass,#b08d57)}.password-input-wrap.shown .password-eye-btn .ball{transform:scaleY(1)}.password-input-wrap.shown .password-eye-btn .pupil{opacity:1;animation:eyeLook 1s ease-in-out .35s}.password-input-wrap.shown .password-eye-btn .slash{stroke-dashoffset:26}@keyframes eyeLook{0%{transform:translateX(0)}25%{transform:translateX(-2.5px)}60%{transform:translateX(2.5px)}to{transform:translateX(0)}}.password-micro-hint{font-size:11px;color:#737a87;margin-top:6px;transition:color .2s ease;font-family:Inter,sans-serif;letter-spacing:.02em}.password-input-wrap.shown+.password-micro-hint{color:var(--brass-deep,#8e7143);font-weight:500}@media (prefers-reduced-motion:reduce){.password-eye-btn .ball,.password-eye-btn .slash{transition-duration:.01s;transition-delay:0s}.password-input-wrap.shown .password-eye-btn .pupil{animation:none}}.signin-btn{width:100%;background:#191b20;color:#fff;border:none;padding:15px;border-radius:7px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-top:8px;transition:background .15s ease,transform .15s ease}.signin-btn:hover{background:#252932}.signin-btn:active{transform:scale(.98)}.signin-btn:disabled{opacity:.7;pointer-events:none}.footer-note{text-align:center;font-size:12.5px;color:#737a87;margin-top:22px}.footer-note b{color:#191b20}.login-error{color:#c0392b;font-size:13px;text-align:center;margin-bottom:16px;font-weight:500}@media (max-width:640px){.bg-slice.ec{width:60%;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.bg-slice.casa{left:46%;width:60%;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.bg-slice.gemini{left:88%;width:26%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.bg-slice .label{font-size:12px;bottom:24px}}