:root{color-scheme:dark;--bg:#07101f;--panel:#111f38;--text:#f6f9ff;--muted:#b5c1d5;--line:#2b3c58;--blue:#4c8dff;--cyan:#20c7b7}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 10%,#17294a,transparent 38rem),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}a{color:#b2d3ff}button,input{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-weight:600;text-decoration:none;white-space:nowrap}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #8abbff;outline-offset:3px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:auto;padding:24px}.brand{display:inline-flex;align-items:center;font-weight:800;font-size:28px;color:var(--text);text-decoration:none}.brand img{margin-right:10px;flex-shrink:0}.brand span{font-weight:500;font-size:17px;margin-left:8px;color:var(--muted)}nav{display:flex;align-items:center;gap:20px}nav a{text-decoration:none;font-size:14px}main{max-width:1040px;margin:auto;padding:20px 24px 60px}.intro{max-width:740px;padding:24px 0 34px}h1{font-size:clamp(28px,4vw,46px);line-height:1.3;letter-spacing:-1px;margin:14px 0}h2{font-size:24px;margin:0 0 10px}h3{margin:0}p{margin:8px 0 18px}.intro p,.muted{color:var(--muted)}.eyebrow{color:#75ded4;font-size:14px;font-weight:600}.card{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:28px;margin-bottom:24px}.primary{background:#3872e0;color:white}.secondary{background:#1a2c48;border-color:#415777;color:var(--text)}.quiet{background:transparent;color:var(--muted);padding:8px}.danger{background:#9f3043;color:white}.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted)}.tabs .selected{background:#234c85;color:white}#auth{max-width:540px}label{display:block;color:var(--muted);font-size:14px;margin-bottom:18px}input{display:block;width:100%;min-height:48px;padding:12px 14px;margin-top:6px;border:1px solid #4d607b;border-radius:10px;background:#0b172b;color:var(--text)}input::placeholder{color:#97a8c3}.code-input{display:flex;gap:10px}.code-input input{min-width:0}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:18px;min-height:18px;margin:5px 0;flex-shrink:0}#auth-submit{width:100%}.small{font-size:13px;margin-top:20px}.summary,.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row p{font-size:14px;margin:4px 0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.row-title{font-weight:600;overflow-wrap:anywhere}#subscription-form{display:flex;align-items:end;gap:12px;padding-top:20px}#subscription-form label{flex:1;margin:0}details{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;font-weight:600}li{margin:8px 0}.callout,#notice{padding:18px;border:1px solid #426b9f;border-radius:12px;background:#132e50;margin:18px 0}#notice.error{border-color:#d77887;background:#422434}#notice.success{border-color:#35897c;background:#103d37}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.plan{margin:0;display:flex;flex-direction:column}.plan .price{font-size:34px;font-weight:700;margin:12px 0}.plan button{margin-top:auto}.badge{display:inline-block;background:#24466c;color:#c5e1ff;border-radius:8px;padding:4px 10px;font-size:13px}.link-field{font-family:ui-monospace,monospace;font-size:12px;margin:10px 0;width:100%}footer{max-width:1040px;margin:auto;padding:20px 24px 40px;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}dialog{max-width:500px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);padding:28px}dialog::backdrop{background:#000a}dialog .actions{justify-content:end}
@media(max-width:640px){header{padding:16px;align-items:flex-start}nav{gap:8px;flex-wrap:wrap;justify-content:end}nav a{padding:8px}main{padding:10px 16px 40px}.card{padding:20px;border-radius:18px}.row,.summary{align-items:flex-start;flex-direction:column;gap:12px}.section-head{align-items:flex-start}#subscription-form{flex-direction:column;align-items:stretch}.code-input{gap:8px}.code-input button{padding:10px}footer{gap:12px;flex-direction:column}.plans{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}button{transition:background .15s ease}button:hover:not(:disabled){filter:brightness(1.1)}}