html,body{height:100%}body{margin:0;background:radial-gradient(900px 500px at 10% 0%,rgba(255,80,80,.25),transparent 55%),radial-gradient(900px 500px at 100% 10%,rgba(255,190,60,.22),transparent 55%),radial-gradient(700px 500px at 60% 120%,rgba(120,85,255,.2),transparent 55%),#0b1020;color:#ffffffeb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}.page{min-height:100vh;background:radial-gradient(900px 500px at 10% 0%,rgba(255,80,80,.25),transparent 55%),radial-gradient(900px 500px at 100% 10%,rgba(255,190,60,.22),transparent 55%),radial-gradient(700px 500px at 60% 120%,rgba(120,85,255,.2),transparent 55%),#0b1020;color:#ffffffeb}.container{width:min(1100px,100% - 48px);margin:0 auto}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.12);background:#0b1020b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}@media(max-width:720px){.topbar__inner{flex-wrap:wrap;gap:10px}.nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.topbar__actions{order:2;margin-left:auto}.brand__name{font-size:16px}}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand__mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#ff5050e6,#ffbe3ca6);font-weight:900;letter-spacing:.5px}.brand__name{font-weight:800;letter-spacing:.2px}.nav{display:flex;gap:14px}.nav a{color:#ffffffb8;text-decoration:none;font-size:14px;padding:8px 10px;border-radius:999px;border:1px solid transparent}.nav a:hover{color:#ffffffeb;border-color:#ffffff24;background:#ffffff0f}.topbar__actions{display:flex;align-items:center;gap:10px}.user{color:#ffffffb8;font-size:13px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert{margin:10px auto;max-width:1100px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,107,107,.35);background:#ff6b6b14;color:#ffffffe6;font-size:13px}.btn{appearance:none;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#7c5cff59,#2ee9a626);color:#ffffffeb;padding:9px 12px;border-radius:999px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn--ghost{background:#ffffff0f}.btn[disabled]{opacity:.55;cursor:not-allowed}.hero{padding:44px 0 16px}.hero__inner{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}.hero__copy h1{margin:0 0 10px;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.7px}.lede{margin:0;max-width:60ch;color:#ffffffb8}.hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.apiStatus{margin-top:12px;font-size:13px;color:#ffffffbf;word-break:break-word}.chips{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:10px}.chip{padding:7px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb8;font-size:13px}.hero__card .card{border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;padding:16px}.card__kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.card__title{font-size:18px;font-weight:900;margin-top:6px}.score{margin-top:12px;display:grid;gap:8px}.score__row{display:flex;justify-content:space-between;color:#ffffffbf}.score__divider{height:1px;background:#ffffff1f}.score__row--total{margin-top:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);font-weight:900;color:#ffffffeb}.card__foot{margin-top:10px;color:#fff9;font-size:13px}.section{padding:28px 0}.section h2{margin:0 0 10px;font-size:22px;letter-spacing:-.2px}.muted{color:#ffffffb3}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.step{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;padding:14px}.step h3{margin:0 0 6px;font-size:16px}.step p{margin:0;color:#ffffffb8}.types{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.type{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffbf;font-size:13px}.footer{padding:26px 0;border-top:1px solid rgba(255,255,255,.12)}@media(max-width:900px){.hero__inner,.steps{grid-template-columns:1fr}.nav{display:none}}