@scope(body[data-academy=auth]){
 :scope{margin:0;min-height:100svh;overflow-x:hidden;overflow-y:auto;background:#062d38;color:#eefaf5;font-family:Academy,system-ui,sans-serif;color-scheme:dark}.atmosphere,.scene-controls,.scene-footnote,.atelier-page-head{display:none}.atelier-header{position:absolute;inset:0 0 auto;z-index:4;display:flex;justify-content:space-between;padding:24px max(28px,env(safe-area-inset-left));background:linear-gradient(#052c38f5,#052c38eb 75%,#052c3800);border:0;box-shadow:none}.atelier-main{position:relative;z-index:1;max-width:none;width:100%;padding:0;margin:0}.atelier-document{max-width:none}.page-body{margin:0}.auth-environment{position:fixed;inset:0;z-index:-1;pointer-events:none}.auth-environment img{width:100%;height:100%;max-width:none;object-fit:cover}.auth-environment:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#043d3326,transparent 45%,#052c4166)}.auth-gateway{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;min-height:100svh;max-width:1250px;margin:auto;padding:120px 48px 72px}.auth-identity{align-self:end;padding:28px 0;color:#f4fff7;text-shadow:0 2px 8px #052c38}.auth-identity>span{font-size:11px;letter-spacing:.16em;color:#d1f4df}.auth-identity h1{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.035em;margin-top:16px}.auth-form-panel{padding:36px;border:1px solid #4e9a8c;border-radius:26px;background:linear-gradient(135deg,#092f3af7,#103e44fc);box-shadow:0 24px 70px #0022285c,inset 0 1px #b7ffe033;animation:auth-enter .45s ease-out}.auth-kicker{display:block;color:#a8e7d2;font-size:10px;letter-spacing:.14em;margin-bottom:16px}.auth-form-panel h2{font-size:29px;line-height:1.2;letter-spacing:-.03em;color:#f4fff8;margin:0 0 12px}.auth-form-panel>p{color:#c8ded7;font-size:14px;line-height:1.6;margin-bottom:28px}.login-form{display:grid;gap:20px}.login-form label{display:grid;gap:8px;font-size:13px;font-weight:650;color:#e4f3ec}.login-form input{width:100%;max-width:100%;min-height:50px;padding:12px 14px;border:1px solid #609c8f;border-radius:12px;background:#092b36;color:#f2fff7;font:inherit;font-size:16px;box-shadow:inset 0 2px 6px #001a2526}.login-form input:focus{outline:2px solid #86e7b9;outline-offset:2px;border-color:#86e7b9}.login-form button{display:flex;justify-content:space-between;align-items:center;min-height:50px;margin-top:4px;padding:13px 18px;border:1px solid #b5e5bd;border-radius:12px;background:#b7eaa8;color:#0c3e2f;font-size:15px;font-weight:750;box-shadow:0 4px 0 #277854}.login-form button:hover{background:#d2f5c4}.error-box{border:1px solid #e6ad94;border-radius:12px;padding:14px;background:#4a282a;color:#ffe4d8;font-size:13px;line-height:1.6}
 @media(max-width:700px){.atelier-header{padding:16px max(18px,env(safe-area-inset-left));padding-top:calc(16px + env(safe-area-inset-top))}.auth-gateway{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:18px;min-height:100svh;padding:190px 18px calc(28px + env(safe-area-inset-bottom))}.auth-identity{align-self:stretch;padding:0 4px}.auth-identity>span{font-size:8px;letter-spacing:.1em}.auth-identity h1{font-size:28px;margin-top:10px}.auth-form-panel{padding:24px 22px;border-radius:22px;width:100%;max-width:420px;margin:0 auto}.auth-form-panel h2{font-size:25px}.auth-form-panel>p{font-size:12px;margin-bottom:20px}.auth-kicker{margin-bottom:12px;font-size:9px}.login-form{gap:16px}.login-form input{min-height:48px}.auth-environment img{object-position:center top}.auth-environment:after{background:linear-gradient(transparent 8%,#062d3826 25%,#062d3880 65%)}}
 @media(max-height:620px){.auth-gateway{padding-top:100px;padding-bottom:24px}.auth-identity{display:none}.auth-form-panel{padding:22px}.login-form{gap:12px}.auth-form-panel>p{margin-bottom:16px}}
 @media(prefers-reduced-motion:reduce){.auth-form-panel{animation:none}}
}
@keyframes auth-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}