@charset "UTF-8";
:root{--paper:#f4f2ee;--ink:#26282c;--orange:#ff845d;--muted:#92918d;--card:#25272c;--line:#414249;--font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;font-family:var(--font);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;position:relative;overflow-x:hidden}button,input{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ff845d;outline-offset:5px}svg{display:block}button svg{pointer-events:none}
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#72716d07 1px,transparent 1px),linear-gradient(90deg,#72716d07 1px,transparent 1px);background-size:76px 76px}.ambient::before{content:'';position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#ffc6ae42,transparent 68%);right:-180px;bottom:-200px}.ambient::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,var(--paper) 8%,transparent 65%)}
.site-header{height:110px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 6.1vw}.brand{display:flex;align-items:center;gap:11px;font-size:34px;font-weight:800;letter-spacing:-1.8px;line-height:1}.brand-mark{height:38px;width:38px;display:block;background:var(--orange);border-radius:12px;color:var(--ink)}.brand-mark svg{width:100%;height:100%}.brand-dot{color:#f37951}.header-note{font-size:14px;color:#7d7d7a;letter-spacing:.1px}
.main{flex:1;display:flex;justify-content:center;align-items:center;padding:12px 24px 48px}.login-scene{position:relative;width:440px;margin-top:102px;isolation:isolate}.login-card{position:relative;z-index:2;background:var(--card);color:#f9f8f4;border-radius:26px;padding:35px 36px 0;border:1px solid #ffffff13;box-shadow:0 22px 50px -30px #23242a80,0 4px 10px #1b1d220b}.card-eyebrow{font-size:12px;font-weight:650;display:flex;align-items:center;gap:8px;color:#b7b7bb;letter-spacing:.2px}.little-star{font-size:18px;line-height:1;color:var(--orange)}h1{font-size:30px;line-height:1.3;letter-spacing:-1.25px;font-weight:750;margin:15px 0 9px}.title-dot{color:var(--orange)}.card-description{font-size:14px;line-height:1.6;color:#97989f;margin:0 0 30px}.field-group{margin-bottom:20px}.field-group>label{display:block;font-size:13px;font-weight:600;margin-bottom:9px;color:#d9d9de}.input-shell{display:flex;align-items:center;position:relative;height:56px;background:#303238;border:1px solid #484a51;border-radius:11px;transition:background .18s,border-color .18s,box-shadow .18s}.input-shell:hover{border-color:#8f776d;background:#343439}.input-shell:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #ff845d0b;background:#303136}.field-icon{position:absolute;left:16px;width:19px;height:19px;color:#8c8e98;pointer-events:none;transition:color .18s}.input-shell:focus-within .field-icon{color:var(--orange)}input[type=text],input[type=password]{width:100%;height:100%;border:0;outline:none;background:transparent;color:#f3f2f4;caret-color:var(--orange);font-size:15px;padding:0 16px 0 47px;letter-spacing:.05px;border-radius:inherit}#password{padding-right:49px}input::placeholder{color:#777983;font-size:14px;letter-spacing:0}input:-webkit-autofill{-webkit-text-fill-color:#f3f2f4;box-shadow:0 0 0 60px #303238 inset;caret-color:var(--orange)}.password-toggle{position:absolute;right:8px;top:7px;display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:#888a95;border-radius:7px}.password-toggle:hover{color:#f6f3ee;background:#ffffff08}.password-toggle svg{width:20px;height:20px}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.remember{display:inline-flex;gap:9px;align-items:center;position:relative;font-size:13px;color:#b0b0b8;cursor:pointer;user-select:none;margin:0 0 25px}.remember input{position:absolute;opacity:0;width:18px;height:18px;left:0;margin:0}.checkbox-mark{width:17px;height:17px;display:grid;place-items:center;border:1px solid #686a74;border-radius:5px;transition:background .15s,border-color .15s}.checkbox-mark svg{width:14px;height:14px;opacity:0;color:#25272c}.remember input:checked+.checkbox-mark{background:var(--orange);border-color:var(--orange)}.remember input:checked+.checkbox-mark svg{opacity:1}.remember input:focus-visible+.checkbox-mark{outline:2px solid var(--orange);outline-offset:4px}.submit-button{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:54px;border:0;border-radius:10px;font-size:15px;font-weight:750;background:var(--orange);color:#242529;box-shadow:0 3px 0 #d8664429;transition:background .18s,transform .18s,box-shadow .18s}.submit-button:hover{background:#ff9978;transform:translateY(-2px);box-shadow:0 6px 18px #ff845d20}.submit-button:active{transform:translateY(1px);box-shadow:none}.button-spark{width:20px;height:20px;position:absolute;right:18px;transition:transform .3s}.submit-button:hover .button-spark{transform:rotate(90deg)}.form-feedback{margin:0;max-height:0;opacity:0;overflow:hidden;font-size:13px;line-height:1.5;color:#ffc1a9;transition:max-height .25s,margin .25s,opacity .25s}.form-feedback.visible{max-height:100px;margin-top:16px;opacity:1}.input-shell.invalid{border-color:#edaa8e}.card-bottom{margin:27px -36px 0;border-top:1px solid #ffffff0b;height:58px;display:flex;justify-content:center;align-items:center;gap:7px;color:#898b95;font-size:12px;border-radius:0 0 26px 26px;background:#00000004}.card-bottom svg{width:15px;height:15px}.under-card{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:25px;font-size:12px;color:#8d8c88;text-align:center;line-height:1.7}.under-dash{width:14px;height:1px;background:#c8c5bf;flex-shrink:0}.cat-hint{position:absolute;top:-65px;left:-51px;font-size:12px;color:#93918b;transform:rotate(-7deg);display:flex;align-items:center;gap:8px;transition:opacity .2s;pointer-events:none;white-space:nowrap}.hint-line{height:1px;width:22px;background:#bdb8af}.login-scene.cat-awake .cat-hint{opacity:0}
.site-footer{height:68px;flex-shrink:0;padding:0 6.1vw;display:flex;align-items:center;justify-content:space-between;color:#93918b;font-size:12px}.footer-center{display:flex;align-items:center;gap:7px;margin-left:35px}.footer-center span{color:#d69076;font-size:16px}.prototype-label{border:1px solid #d9d6cf;border-radius:20px;padding:5px 10px;font-size:11px;letter-spacing:.2px}
@media(min-width:1500px){.main{padding-bottom:75px}.login-scene{width:460px}.login-card{padding-top:40px;padding-bottom:0}h1{font-size:32px}.card-description{margin-bottom:33px}.input-shell{height:59px}.field-group{margin-bottom:23px}.submit-button{height:57px}}
@media(max-width:640px){.site-header{height:83px;padding:0 25px}.brand{font-size:29px;gap:9px}.brand-mark{width:33px;height:33px;border-radius:10px}.header-note{font-size:12px}.main{padding:74px 20px 34px;align-items:center}.login-scene{width:100%;max-width:420px;margin-top:36px}.login-card{padding:30px 27px 0;border-radius:23px}h1{font-size:28px;letter-spacing:-1.1px}.card-description{font-size:13px;margin-bottom:27px}.card-bottom{margin-left:-27px;margin-right:-27px;font-size:11px}.cat-hint{left:6px;top:-53px;font-size:11px}.under-card{font-size:11px;gap:8px;margin-top:21px}.site-footer{padding:0 25px;height:63px;font-size:11px}.footer-center{display:none}.prototype-label{font-size:10px}.field-group>label,.remember{font-size:13px}}
@media(max-width:360px){.main{padding-left:14px;padding-right:14px}.login-card{padding-left:22px;padding-right:22px}.card-bottom{margin-left:-22px;margin-right:-22px}h1{font-size:25px}.under-dash{display:none}.header-note{font-size:11px}}
.field-group>label,.remember{font-size:14px}
.login-card{padding-bottom:36px}.card-eyebrow{font-size:14px}.admin-icon{width:17px;height:17px;color:var(--orange)}h1{margin-bottom:31px}
.cat-stage{position:absolute;inset:0;z-index:1;pointer-events:none;contain:layout style}.cat-reveal{position:absolute;left:50%;top:-184px;width:228px;height:234px;margin-left:-114px;transform:translateY(166px);will-change:transform}.cat-body{width:228px;height:234px;background-image:url('./assets/cat-atlas.png');background-size:351px 234px;background-position:0 0;background-repeat:no-repeat;transform-origin:50% 80%;will-change:transform;filter:drop-shadow(0 4px 4px #41332410)}
.paw-stage{position:absolute;inset:0;z-index:4;pointer-events:none;contain:layout style}.cat-arm{position:absolute;left:0;top:0;width:68px;height:0;margin-left:-34px;transform-origin:34px 0;opacity:0;will-change:transform;filter:drop-shadow(2px 5px 3px #12131424)}.arm-shaft{position:absolute;top:0;left:0;width:68px;height:145px;background-image:url('./assets/cat-atlas.png');background-size:331.8px 221.2px;background-position:-252.3px -24.8px;background-repeat:no-repeat;transform-origin:50% 0;will-change:transform}.paw-tip{position:absolute;width:76px;height:53px;left:-4px;top:0;background-image:url('./assets/cat-atlas.png');background-size:331.8px 221.2px;background-position:-248.5px -156.5px;background-repeat:no-repeat;will-change:transform;transform-origin:50% 50%}.impact-layer{position:absolute;inset:0;pointer-events:none}.impact{position:absolute;width:22px;height:22px;border:1px solid #ffb88d;border-radius:50%;margin:-11px;animation:impact-ring .4s ease-out both}.impact i{position:absolute;left:10px;top:10px;width:3px;height:3px;border-radius:50%;background:#ffbe8f;animation:impact-particle .38s ease-out both;--dx:10px;--dy:10px}.caret-mirror{position:fixed;left:0;top:-9999px;visibility:hidden;white-space:pre;pointer-events:none;width:max-content;contain:layout style}.login-scene.cat-celebrating .little-star{animation:happy-star .7s ease-in-out}.login-scene.cat-celebrating .submit-button{background:#ffae8a}
@keyframes impact-ring{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(1.7)}}@keyframes impact-particle{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--dx),var(--dy))}}@keyframes happy-star{0%,100%{transform:rotate(0)}50%{transform:rotate(180deg) scale(1.4)}}
@media(max-width:640px){.main{padding-top:100px}.cat-reveal{width:202px;height:207px;margin-left:-101px;top:-160px}.cat-body{width:202px;height:207px;background-size:310.5px 207px}.cat-arm{filter:drop-shadow(2px 3px 2px #12131420)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}