:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1f2937;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.topbar{height:72px;background:#1f2937;color:white;display:flex;align-items:center;padding:0 clamp(20px,5vw,72px);gap:32px;position:sticky;top:0;z-index:5}.brand{font-size:24px;font-weight:800;letter-spacing:.08em;color:white;text-decoration:none}.mark{color:#22c1c3}.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav a,.signin{color:#e5e7eb;text-decoration:none}.signin{margin-left:8px;background:#2563eb;padding:10px 18px;border-radius:10px;font-weight:700}.hero{min-height:520px;display:grid;place-items:center;text-align:center;padding:72px 20px;background:linear-gradient(145deg,#f4f6f8,#fff)}.hero-inner{max-width:900px}.eyebrow{color:#2563eb;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:16px 0}.hero p{font-size:20px;color:#5b6472;max-width:720px;margin:0 auto 30px}.button{display:inline-block;border:0;background:#2563eb;color:white;text-decoration:none;padding:13px 20px;border-radius:10px;font-weight:750;cursor:pointer}.button.secondary{background:white;color:#1f2937;border:1px solid #cbd5e1}.section{padding:64px clamp(20px,7vw,96px);max-width:1400px;margin:auto}.section h2{font-size:34px;margin:0 0 12px}.section-intro{color:#64748b;max-width:700px}.cards,.tool-grid,.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px}.card,.tool,.shortcut{background:white;border:1px solid #dce2e8;border-radius:16px;padding:24px;box-shadow:0 4px 18px rgba(31,41,55,.05)}.card h3,.tool h3{margin:12px 0 8px}.icon{width:46px;height:46px;border-radius:12px;background:#e8f0fe;display:grid;place-items:center;font-size:23px}.control-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.control-head p{color:#64748b;margin-bottom:0}.tool{min-height:180px;cursor:pointer;transition:.15s}.tool:hover,.shortcut:hover{transform:translateY(-2px);border-color:#93b4ef}.tool small{color:#64748b}.support{border-style:dashed}.shortcut{display:flex;align-items:center;gap:14px;padding:18px;text-decoration:none;color:#1f2937}.shortcut .icon{flex:0 0 42px}.add-shortcut{background:transparent;border:1px dashed #94a3b8;cursor:pointer}.panel{max-width:560px;margin:72px auto;background:white;border:1px solid #dce2e8;border-radius:18px;padding:32px}.panel label{display:block;font-weight:700;margin:16px 0 6px}.panel input,.panel textarea,.panel select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}.panel textarea{min-height:130px}.notice{padding:12px 14px;background:#eef5ff;border-radius:10px;color:#334155;margin:16px 0}footer{background:#1f2937;color:#cbd5e1;padding:36px clamp(20px,5vw,72px);display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer strong{color:white;font-size:20px}footer nav{margin-left:auto;display:flex;gap:20px}footer a{color:#e5e7eb;text-decoration:none}footer small{width:100%;color:#94a3b8}@media(max-width:700px){.topbar nav{display:none}.topbar{gap:12px}.signin{margin-left:auto}.control-head{align-items:start;flex-direction:column}}.form-message{min-height:24px;color:#b42318}.button:disabled{opacity:.55;cursor:not-allowed}.account-choice{width:100%;text-align:left;margin:8px 0;padding:14px 16px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font:inherit;font-weight:700;cursor:pointer}.account-choice:hover{border-color:#2563eb}.legal-page{max-width:900px;margin:56px auto;padding:0 28px 64px}.legal-page h1{font-size:42px;margin:12px 0 16px}.legal-page h2{margin-top:34px}.legal-page p{line-height:1.7;color:#475569}.legal-lead{font-size:19px}.legal-note{border-top:1px solid #dce2e8;padding-top:24px;margin-top:38px}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:28px 0}.contact-cards .card h2{font-size:20px;margin-top:14px}.contact-note{margin-top:30px}.mfa-setup canvas{display:block;margin:22px auto;background:#fff;border:1px solid #dce2e8;border-radius:12px;padding:10px}.mfa-setup details{margin:18px 0 24px}.mfa-setup summary{cursor:pointer;font-weight:700}.manual-key{display:block;overflow-wrap:anywhere;padding:12px;margin:10px 0;background:#f1f5f9;border-radius:8px;font-size:14px;user-select:all}.mfa-setup form{margin-top:20px}