:root{color:#13201b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6fbf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}#app{min-height:100vh}.app-shell{grid-template-columns:minmax(0,1fr) minmax(360px,460px);min-height:100vh;display:grid}.hero-panel{background:radial-gradient(circle at 20% 20%,#14b8a62e,#0000 28%),linear-gradient(135deg,#eefbf5 0%,#d9f7ef 48%,#f7fcfa 100%);flex-direction:column;justify-content:space-between;gap:48px;padding:64px;display:flex}.hero-copy{max-width:680px}.eyebrow{color:#087f6f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#0e241d;max-width:760px;margin-bottom:20px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1}h2{color:#13201b;margin-bottom:8px;font-size:1.6rem}.hero-copy p:not(.eyebrow){color:#3d5c52;max-width:560px;font-size:1.08rem}.stack-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:780px;margin:0;display:grid}.stack-list div{background:#ffffff8a;border:1px solid #13806f2e;border-radius:8px;padding:16px}.stack-list dt{color:#2f766c;text-transform:uppercase;font-size:.78rem;font-weight:800}.stack-list dd{color:#1b332c;margin:6px 0 0;font-weight:700}.auth-panel{background:#fff;justify-content:center;align-items:center;padding:40px;display:flex;box-shadow:-1px 0 #12201b14}.auth-form,.account-view,.state-box{width:100%;max-width:380px}.mode-switch{background:#edf6f2;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:28px;padding:4px;display:grid}.mode-switch button{color:#3c5a51;background:0 0;border:0;border-radius:6px;padding:10px 12px;font-weight:800}.mode-switch button.active{color:#0f2d25;background:#fff;box-shadow:0 1px 4px #0f2d251f}.form-title{margin-bottom:28px}.form-title p,.muted{color:#60776f;margin-bottom:0}.field{color:#24443a;gap:8px;margin-bottom:18px;font-size:.92rem;font-weight:800;display:grid}.field input{color:#14231e;background:#fbfefd;border:1px solid #c8dcd5;border-radius:8px;outline:none;width:100%;padding:12px 14px}.field input:focus{border-color:#0f9f87;box-shadow:0 0 0 3px #0f9f8729}.captcha-section{margin:20px 0}.turnstile-host{min-height:65px}.notice,.hint{margin:16px 0;font-size:.92rem}.error-text{color:#b42318}.success-text{color:#087f5b}.primary-button{color:#fff;background:#07846f;border:0;border-radius:8px;width:100%;padding:13px 16px;font-weight:900;transition:background .16s,transform .16s}.primary-button:hover:not(:disabled){background:#056f5e;transform:translateY(-1px)}.account-view{gap:18px;display:grid}.account-meta{border-bottom:1px solid #e1ede9;gap:4px;padding-bottom:14px;display:grid}.account-meta span{color:#60776f;font-size:.82rem;font-weight:800}.account-meta strong{overflow-wrap:anywhere;color:#14231e}.state-box{color:#3d5c52;text-align:center;justify-items:center;gap:14px;display:grid}.loader{border:3px solid #d7ebe4;border-top-color:#07846f;border-radius:999px;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.hero-panel{gap:28px;min-height:auto;padding:36px 24px 28px}h1{font-size:2.6rem}.stack-list{grid-template-columns:1fr}.auth-panel{align-items:flex-start;padding:32px 24px 48px;box-shadow:inset 0 1px #12201b14}}