*{box-sizing:border-box}body{color:#0f172a;background:#020e28;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.card{background:#fff;border-radius:12px;flex-direction:column;gap:6px;width:100%;max-width:380px;padding:32px;display:flex;box-shadow:0 10px 40px #00000040}.card h1{color:#020e28;margin:0 0 4px;font-size:20px}.sub{color:#64748b;margin:0 0 16px;font-size:14px}.card label{color:#334155;margin-top:8px;font-size:13px;font-weight:600}.card input{border:1px solid #cbd5e1;border-radius:8px;margin-top:4px;padding:10px 12px;font-size:15px}.card input:focus{border-color:#f39200;outline:2px solid #f39200}.card button[type=submit]{color:#fff;cursor:pointer;background:#f39200;border:none;border-radius:8px;margin-top:20px;padding:12px;font-size:15px;font-weight:600}.card button[type=submit]:disabled{opacity:.6;cursor:default}.error{color:#dc2626;margin:4px 0 0;font-size:13px}.boxes{flex-direction:column;gap:12px;margin-top:12px;display:flex}.box{text-align:center;color:#020e28;cursor:pointer;background:#fff;border:1px solid #020e28;border-radius:10px;padding:16px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;display:block}.box:hover{color:#fff;background:#020e28}.box:disabled{opacity:.6;cursor:default}
