:root{--bg:#001322;--bg-2:#001a30;--panel:#0b1f3a;--panel-2:#0d274a;--border:#1c3c6b;--text:#c7d9ff;--muted:#7aa0d6;--accent:#5fd7ff;--accent-2:#ffb86c;--danger:#ff6b81;--shadow:rgba(0,0,0,.45);--glow:rgba(95,215,255,.35);--radius:16px}*{box-sizing:border-box}#__nuxt,body,html{height:100%}body{background:radial-gradient(1200px 700px at 10% 10%,#0b2a52 0,transparent 60%),radial-gradient(900px 500px at 90% 10%,#0e1f44 0,transparent 55%),linear-gradient(160deg,var(--bg) 0,var(--bg-2) 100%);color:var(--text);font-family:Fira Code,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin:0;overflow:hidden}body.scroll-page{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body.scroll-page,body.scroll-page #__nuxt,body.scroll-page .page{height:auto;min-height:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{display:flex;flex-direction:column;height:100%}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041224bf;border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:0 28px}.brand,.topbar{align-items:center;display:flex}.brand{font-weight:700;gap:14px;letter-spacing:.4px}.brand img{filter:drop-shadow(0 0 8px var(--glow));height:38px;width:38px}.nav-actions{align-items:center;display:flex;font-size:14px;gap:16px}.link-btn{border:1px solid transparent;border-radius:999px;padding:8px 12px;transition:all .2s ease}.link-btn:hover{border-color:var(--border);color:var(--accent)}.btn{background:linear-gradient(135deg,#2a5aa0,#3b91ff);border:1px solid transparent;border-radius:10px;box-shadow:0 10px 24px #2f7cff40;color:#f2f7ff;cursor:pointer;font-weight:600;padding:10px 18px;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 12px 30px #2f7cff59;transform:translateY(-1px)}.btn.secondary{background:transparent;border-color:var(--border);box-shadow:none;color:var(--text)}.btn.small{border-radius:8px;font-size:12px;padding:6px 12px}.hero{display:grid;flex:1;gap:24px;grid-template-columns:repeat(12,1fr);padding:40px 48px 48px}.hero-copy{display:flex;flex-direction:column;gap:22px;grid-column:span 7;padding-top:24px}.hero-copy h1{font-size:clamp(32px,3.8vw,52px);line-height:1.1;margin:0}.hero-copy p{color:var(--muted);font-size:16px;line-height:1.6;margin:0}.hero-copy .tagline{color:#f8fbff;font-size:20px}.hero-cta{align-items:center;display:flex;gap:16px;margin-top:8px}.hero-panel{background:linear-gradient(160deg,#091a34e6,#081428f2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 40px var(--shadow);display:flex;flex-direction:column;gap:18px;grid-column:span 5;overflow:hidden;padding:24px;position:relative}.hero-panel.sign-in-active{left:50%;max-height:90vh;overflow:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(460px,92vw);z-index:1000}.hero-panel:after{background:radial-gradient(circle,rgba(95,215,255,.3),transparent 70%);content:"";height:200px;position:absolute;right:-80px;top:-80px;width:200px}.panel-header{color:var(--muted);font-size:13px;justify-content:space-between}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{gap:12px}.panel-close{align-items:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.panel-close:hover{border-color:var(--accent);color:var(--accent)}.panel-header .dots{display:flex;gap:6px}.panel-header .dots span{background:#1c3c6b;border-radius:50%;height:10px;width:10px}.panel-header .dots span:first-child{background:#ff6b81}.panel-header .dots span:nth-child(2){background:#ffb86c}.panel-header .dots span:nth-child(3){background:#9ae66e}.sign-in-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030a16a6;inset:0;position:fixed;z-index:900}.code-block{background:#040c1ab3;border:1px solid rgba(28,60,107,.6);border-radius:12px;color:#9ec8ff;font-size:13px;line-height:1.7;padding:16px}.form{display:flex;flex-direction:column;gap:12px}.form label{color:var(--muted);font-size:13px}.form input{background:#040c1abf;border:1px solid var(--border);border-radius:10px;color:var(--text);outline:none;padding:12px 14px}.form input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #5fd7ff26}.form .status{color:var(--muted);font-size:12px}.email-sent-notice{animation:fadeIn .3s ease;background:#5fd7ff1a;border:1px solid rgba(95,215,255,.3);border-radius:12px;padding:20px 16px;text-align:center}.email-sent-icon{font-size:48px;margin-bottom:12px}.email-sent-text{color:var(--accent);font-size:20px;font-weight:700;margin:0 0 8px}.email-sent-subtext{color:var(--muted);font-size:13px;margin:0 0 4px}.email-sent-subtext strong{color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-layout{display:flex;flex:1;overflow:hidden}.toc-sidebar{background:#041224bf;border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;padding:24px 0;width:200px}.toc-nav{display:flex;flex-direction:column;gap:4px}.toc-link{border-left:2px solid transparent;color:var(--muted);display:block;font-size:12px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.toc-link:hover{background:#5fd7ff0d;border-left-color:var(--accent);color:var(--accent)}.dashboard{display:flex;flex:1;flex-direction:column;gap:22px;overflow-y:auto;padding:32px 40px}.cards{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#08162ed9;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 14px 30px var(--shadow);padding:18px}.card h3{color:var(--muted);font-size:14px;margin:0 0 8px}.card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.card-header h3{margin:0}.card .value{font-size:24px;font-weight:700}.api-key-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.api-key-row .value{flex:1;min-width:0;word-break:break-all}.plan-options{display:grid;gap:12px;margin-top:16px}.plan-option{background:#06142acc;border:1px solid rgba(28,60,107,.6);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px}.plan-title{color:#f0f6ff;font-size:14px;font-weight:600}.plan-desc{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.plan-group{background:#06142acc;border:1px solid rgba(28,60,107,.6);border-radius:12px;padding:12px}.plan-group-title{color:#f0f6ff;font-size:14px;font-weight:600;margin-bottom:12px}.plan-group-options{display:flex;gap:12px}.plan-group-options .plan-option{flex:1;text-align:center}.plan-note{color:var(--muted);font-size:11px;line-height:1.4;margin:12px 0 0}.card .status{color:var(--muted);font-size:12px;margin-top:4px}.card .status.expired{color:#ff6b6b;font-weight:600}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#08162efa;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 50px var(--shadow);max-height:90vh;max-width:650px;overflow:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{color:#f0f6ff;font-size:18px;margin:0}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:24px;line-height:1;padding:0}.modal-close:hover{color:#f0f6ff}.modal-body{padding:20px}.modal-body .plan-options{margin-top:0}.current-plans{background:#5fd7ff1a;border:1px solid rgba(95,215,255,.2);border-radius:8px;margin-bottom:16px;padding:12px}.current-plans p{font-size:13px;margin:0 0 8px}.current-plans ul{color:var(--muted);font-size:12px;margin:0;padding-left:20px}.plan-option.current{background:#5fd7ff1a;border-color:var(--accent)}.confirm-message{font-size:14px;line-height:1.6;margin:0 0 16px}.proration-details{background:#06142acc;border:1px solid rgba(28,60,107,.6);border-radius:8px;margin-bottom:16px;padding:12px}.proration-details p{font-size:13px;margin:0 0 8px}.proration-details ul{color:var(--muted);font-size:12px;margin:0;padding-left:20px}.proration-details li{margin-bottom:4px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.plan-list{gap:12px}.plan-item,.plan-list{display:flex;flex-direction:column}.plan-item{gap:6px}.plan-item-name{color:#f0f6ff;font-size:16px;font-weight:600}.plan-item-actions{display:flex;gap:16px}.plan-link{color:var(--accent);cursor:pointer;font-size:12px;text-decoration:none}.plan-link:hover{text-decoration:underline}.plan-link.danger{color:var(--danger)}.plan-link.disabled{cursor:wait;opacity:.6}.loading-modal{max-width:400px;text-align:center}.loading-message{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px}.loading-message p{color:#f0f6ff;font-size:16px;margin:0}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.btn.danger{background:linear-gradient(135deg,#a02a2a,#ff3b3b);box-shadow:0 10px 24px #ff3b3b40}.btn.danger:hover{box-shadow:0 12px 30px #ff3b3b59}.cancel-warning{margin-bottom:20px}.cancel-warning p{font-size:14px;line-height:1.6;margin:0 0 12px}.cancel-warning p:last-child{color:var(--muted);margin-bottom:0}.table{display:flex;flex-direction:column;gap:12px}.install-section{background:#08162ed9;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 14px 30px var(--shadow);padding:18px}.install-section h3{color:#f0f6ff;font-size:16px;margin:0 0 16px}.api-intro{color:var(--muted);font-size:13px;margin:0 0 16px}.api-intro code{background:#5fd7ff1a;border-radius:4px;color:var(--accent);font-size:12px;padding:2px 6px}.models-group{margin-bottom:16px}.models-group:last-child{margin-bottom:0}.models-group h5{color:var(--accent);font-size:13px;font-weight:600;margin:0 0 8px}.models-list{display:flex;flex-direction:column;gap:6px}.model-row{align-items:center;background:#040c1ab3;border:1px solid rgba(28,60,107,.6);border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.model-name{color:#f0f6ff;font-weight:500}.model-pricing{color:var(--muted)}.install-block{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.install-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.install-block h4{color:var(--accent);font-size:14px;margin:0 0 12px}.collapsible-header{display:inline}.toggle-link{background:#5fd7ff26;border:1px solid var(--accent);border-radius:4px;color:var(--accent);font-size:12px;font-weight:600;margin-left:12px;padding:3px 10px;text-decoration:none;transition:all .2s ease}.toggle-link:hover{background:#5fd7ff59;color:#fff}.install-steps{color:var(--text);font-size:13px;line-height:1.6;margin:0;padding-left:20px}.install-steps li{margin-bottom:10px}.install-steps code{background:#5fd7ff1a;border-radius:4px;color:var(--accent);font-size:12px;padding:2px 6px}.command-box{align-items:flex-start;background:#040c1ab3;border:1px solid rgba(28,60,107,.6);border-radius:8px;display:flex;gap:12px;margin-top:12px;overflow-x:auto;padding:12px}.command-box.small{margin-top:8px;padding:8px 10px}.command-text{color:#9ec8ff;flex:1;font-family:inherit;font-size:12px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-all}.copy-btn{background:#5fd7ff26;border:1px solid rgba(95,215,255,.3);border-radius:6px;color:var(--accent);cursor:pointer;flex-shrink:0;font-size:11px;padding:4px 10px;transition:all .2s ease}.copy-btn:hover{background:#5fd7ff40;border-color:var(--accent)}.table table{border-collapse:collapse;font-size:13px;width:100%}.table td,.table th{border-bottom:1px solid rgba(28,60,107,.4);padding:10px 12px;text-align:left}.table th{color:var(--muted);font-weight:600}.table tbody tr:hover{background:#122c5299}.badge{align-items:center;background:#5fd7ff26;border-radius:999px;color:var(--accent);display:inline-flex;font-size:12px;padding:4px 10px}@media(max-width:1024px){.hero{grid-template-columns:repeat(1,minmax(0,1fr));overflow:hidden}.hero-copy,.hero-panel{grid-column:span 1}.cards{grid-template-columns:repeat(1,minmax(0,1fr))}.toc-sidebar{display:none}}@media(max-width:720px){.topbar{flex-wrap:wrap;gap:12px;height:auto;padding:16px 20px}.hero{padding:24px 20px 32px}.model-row{align-items:flex-start;flex-direction:column;gap:4px}}