*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#fff;background:#101411;font-family:Arial,Helvetica,sans-serif}.page{width:min(1100px,100% - 32px);margin:0 auto;padding:48px 0}.hero{padding:56px 0}.eyebrow{letter-spacing:.18em;margin-bottom:8px;font-weight:800}h1{max-width:800px;margin:0;font-size:clamp(42px,8vw,84px);line-height:.95}.intro{max-width:600px;margin-top:24px;font-size:20px}.status{border:1px solid #fff;border-radius:999px;margin-top:20px;padding:10px 14px;display:inline-block}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cards article{background:#171d18;border:1px solid #3a443d;border-radius:16px;padding:24px}@media (max-width:700px){.cards{grid-template-columns:1fr}}.auth-page{justify-content:center;align-items:flex-start;width:min(900px,100% - 32px);min-height:100vh;margin:0 auto;padding:48px 0;display:flex}.auth-card{background:#171d18;border:1px solid #3a443d;border-radius:18px;width:100%;padding:32px}.auth-card.small{max-width:560px}.auth-card h1{margin-bottom:30px;font-size:clamp(36px,6vw,56px)}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid .full{grid-column:1/-1}label{flex-direction:column;gap:8px;margin-bottom:18px;font-weight:700;display:flex}input,select,textarea{color:#fff;width:100%;font:inherit;background:#0f1310;border:1px solid #556159;border-radius:9px;padding:13px 14px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #fff}.primary-button{color:#101411;cursor:pointer;text-align:center;background:#fff;border:0;border-radius:9px;padding:14px 20px;font-size:16px;font-weight:800;text-decoration:none;display:inline-block}.primary-button:disabled{opacity:.55;cursor:wait}.form-error{border:1px solid #c66;border-radius:9px;margin:12px 0;padding:12px}.auth-footer{margin-top:28px}.auth-footer a{color:inherit}.qr-box{background:#fff;border-radius:12px;width:fit-content;margin:24px auto;padding:18px}.backup-codes{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 28px;display:grid}.backup-codes code{text-align:center;background:#0f1310;border-radius:6px;padding:10px}.checkbox-row{flex-direction:row;align-items:center;font-weight:400}.checkbox-row input{width:auto}.dashboard-header{margin-bottom:40px}@media (max-width:700px){.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.auth-card{padding:22px}.backup-codes{grid-template-columns:1fr}}
