:root{color:#3e2723;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eef8e4;font-family:Trebuchet MS,Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}a{color:#2e7d32}button{font-family:inherit}.page-loading{text-align:center;opacity:.7;padding:2rem}.landing{color:#3e2723;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path d='M0,190 C240,120 420,230 720,170 C980,118 1180,210 1440,150 L1440,320 L0,320 Z' fill='%239ccc65'/><path d='M0,240 C300,190 520,280 820,230 C1080,190 1260,260 1440,220 L1440,320 L0,320 Z' fill='%237cb342'/><path d='M0,285 C360,255 700,310 1040,275 C1220,258 1340,282 1440,270 L1440,320 L0,320 Z' fill='%23689f38'/></svg>") bottom/100% 42vh no-repeat,linear-gradient(#a7dbff 0%,#d9f1ff 45%,#eef8e4 70%,#c5e1a5 100%);flex-direction:column;min-height:100vh;display:flex}.landing-header{padding:18px 32px 0}.landing-logo{height:96px;display:block}.landing-main{box-sizing:border-box;flex:1;grid-template-columns:minmax(0,1.25fr) minmax(320px,420px);align-items:start;gap:40px;width:100%;max-width:1180px;margin:0 auto;padding:24px 32px 48px;display:grid}.landing-intro h1{color:#2e7d32;text-shadow:0 2px #fff8e1;margin:8px 0 14px;font-size:clamp(28px,3.4vw,44px);line-height:1.15}.landing-intro p{max-width:620px;margin:0 0 22px;font-size:17px;line-height:1.6}.landing-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.landing-feature{background:#fff8e1e0;border:2px solid #c8a165;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 3px #a1887f}.landing-feature img{object-fit:contain;flex:none;width:74px;height:64px}.landing-feature-title{color:#5d4037;font-weight:800}.landing-feature-text{font-size:13.5px;line-height:1.4}.auth-card{background:#fff8e1;border:3px solid #8d5a2b;border-radius:18px;overflow:hidden;box-shadow:0 6px #6d4c41,0 16px 30px #3e272340}.auth-tabs{background:#d7b98a;grid-template-columns:1fr 1fr;display:grid}.auth-tabs button{color:#6d4c41;cursor:pointer;background:0 0;border:none;border-radius:0;padding:14px;font-size:16px;font-weight:800}.auth-tabs button.active{color:#2e7d32;background:#fff8e1}.auth-form{flex-direction:column;gap:12px;padding:20px 22px 22px;display:flex}.auth-form label{color:#5d4037;flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.auth-optional{color:#8d6e63;font-weight:400}.auth-form input{color:#3e2723;background:#fff;border:2px solid #c8a165;border-radius:10px;padding:11px 12px;font-size:15px}.auth-form input:focus{border-color:#43a047;outline:none;box-shadow:0 0 0 3px #43a04733}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(#66bb6a,#2e7d32);border:none;border-radius:12px;margin-top:4px;padding:13px;font-size:17px;font-weight:800;box-shadow:0 4px #1b5e20}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-status{color:#2e7d32;font-size:14px}.auth-status.error{color:#c62828}.auth-hint{color:#6d4c41;text-align:center;font-size:14px}.auth-link{color:#2e7d32;cursor:pointer;font-weight:800;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.landing-footer{text-align:center;color:#33691e;padding:14px;font-size:13px}@media (max-width:860px){.landing-main{grid-template-columns:1fr;padding:16px}.landing-header{padding:14px 16px 0}.landing-logo{height:64px}.landing-features{grid-template-columns:1fr}}
