*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAFAF8;--bg-card: #F0F0EC;--bg-dark: #111110;--border: #D8D8D0;--text: #111110;--text-muted:#6F6F6A;--accent: #FF6B2B;--accent-dim:#FF6B2B1A;--mono: "Geist Mono", "JetBrains Mono", "Fira Code", "Courier New", monospace;--sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{width:100%;max-width:100%}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pageShake{0%{transform:translate(0) rotate(0)}5%{transform:translate(-12px,-3px) rotate(-2.5deg)}13%{transform:translate(12px,3px) rotate(2.5deg)}20%{transform:translate(-8px,2px) rotate(-1.5deg)}27%{transform:translate(6px,-1px) rotate(1deg)}33%{transform:translate(0) rotate(0)}50%{transform:translate(0) rotate(0)}55%{transform:translate(-12px,-3px) rotate(-2.5deg)}63%{transform:translate(12px,3px) rotate(2.5deg)}70%{transform:translate(-8px,2px) rotate(-1.5deg)}77%{transform:translate(6px,-1px) rotate(1deg)}83%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(0)}}.page-shake{animation:pageShake 3.2s cubic-bezier(.36,.07,.19,.97) forwards;transform-origin:center center}0%,100%{opacity:1}50%{opacity:0}} @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse67{0%,to{opacity:1;text-shadow:0 0 0px #FF6B2B}50%{opacity:.8;text-shadow:0 0 16px #FF6B2B,0 0 32px #FF6B2B44}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.banner{background:var(--bg-dark);color:#e5e5e3;text-align:center;padding:10px 16px;font-family:var(--mono);font-size:12px;letter-spacing:.04em}.banner-accent{color:var(--accent);font-weight:700}.nav{position:sticky;top:0;z-index:100;background:#fafaf8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px}.nav-logo{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;cursor:default}.nav-logo-mark{display:inline-flex;align-items:baseline;font-family:var(--mono);font-size:22px;letter-spacing:-.04em;flex-shrink:0;white-space:nowrap;line-height:1}.nav-logo-c{font-weight:300;color:var(--text-muted)}.nav-logo-67{font-weight:900;color:var(--accent);animation:pulse67 3s ease-in-out infinite}.nav-logo-text{display:flex;flex-direction:column;line-height:1.2}.nav-logo-name{font-size:14px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.nav-logo-tagline{font-size:10px;color:var(--text-muted);letter-spacing:.02em;font-weight:400}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;color:var(--text-muted)}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;align-items:center;gap:10px}.nav-profile{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--border);border-radius:999px;transition:border-color .15s,background .15s;cursor:pointer}.nav-profile:hover{border-color:var(--text-muted);background:var(--bg-card)}.nav-profile-avatar{width:28px;height:28px;border-radius:50%}.nav-profile-initial{width:28px;height:28px;border-radius:50%;background:var(--bg-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:700}.nav-profile-name{font-size:13px;font-weight:600;color:var(--text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s;border:none;font-family:var(--sans)}.btn-dark{background:var(--bg-dark);color:#fff}.btn-dark:hover{opacity:.82}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-card)}.btn-lg{padding:11px 24px;font-size:14px;border-radius:8px}.hero{max-width:1080px;margin:0 auto;padding:80px 32px 40px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:999px;text-transform:uppercase;margin-bottom:28px;animation:fadeUp .6s ease both}.hero h1{font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:20px;animation:fadeUp .7s .1s ease both}.hero-accent{background:linear-gradient(135deg,#ff6b2b,#ff9a5c,#ff6b2b,#e04a10);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite}.hero-sub{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto 36px;line-height:1.7;animation:fadeUp .7s .2s ease both}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:64px;animation:fadeUp .7s .3s ease both}.demo-area{display:flex;justify-content:center;align-items:flex-start;gap:20px;flex-wrap:wrap;padding:0 16px}.term-window{background:#1a1a18;border:1px solid #333330;border-radius:8px;overflow:hidden;font-family:var(--mono);font-size:12px;color:#e5e5e3;box-shadow:0 8px 40px #0000002e;text-align:left}.term-win-setup{width:340px;margin-top:40px;animation:fadeUp .8s .4s ease both,float 6s 1.2s ease-in-out infinite}.term-win-main{width:460px;animation:fadeUp .8s .25s ease both,float 7s 1s ease-in-out infinite}.term-win-stat{width:250px;margin-top:40px;animation:fadeUp .8s .5s ease both,float 5.5s 1.4s ease-in-out infinite}.term-titlebar{background:#242420;border-bottom:1px solid #333330;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#999992}.term-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28c840}.term-title{margin-left:6px}.term-body{padding:14px 16px;line-height:1.9}.t-comment{color:#6f6f6a}.t-key{color:#ff6b2b}.t-val{color:#4ade80}.t-ok{color:#22c55e}.t-dim{color:#6f6f6a}.t-cyan{color:#67e8f9}.t-cursor{display:inline-block;animation:blink 1.2s step-end infinite}.stats-wrap{max-width:1080px;margin:80px auto 0;padding:0 32px}.stats-row{display:flex;border-top:1px solid var(--border);border-left:1px solid var(--border)}.stat-item{flex:1;padding:40px 24px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}.stat-num{font-family:var(--mono);font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:8px}.stat-label{font-size:13px;color:var(--text-muted)}.section{max-width:1080px;margin:0 auto;padding:80px 32px}.section-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:12px}.section-title{font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:16px}.section-sub{font-size:16px;color:var(--text-muted);max-width:560px;line-height:1.7;margin-bottom:52px}.divider{border:none;border-top:1px solid var(--border);margin:0 32px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}.feat-card{background:var(--bg);padding:32px 28px;transition:background .15s,transform .2s,box-shadow .2s}.feat-card:hover{background:var(--bg-card);transform:translateY(-3px);box-shadow:0 8px 24px #0000000f;z-index:1;position:relative}.feat-icon{font-size:22px;margin-bottom:16px}.feat-title{font-size:15px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.feat-desc{font-size:13px;color:var(--text-muted);line-height:1.65}.os-tabs{display:flex;gap:6px;margin-bottom:14px}.os-tab{padding:5px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg);font-size:12px;font-weight:600;cursor:pointer;color:var(--text-muted);font-family:var(--sans);transition:all .15s}.os-tab:hover{border-color:var(--text-muted);color:var(--text)}.os-tab-active{background:var(--bg-dark);color:#fff;border-color:var(--bg-dark)}.steps{border:1px solid var(--border);border-radius:12px;overflow:hidden}.step{display:flex;gap:24px;padding:28px 32px;border-bottom:1px solid var(--border);background:var(--bg);transition:background .15s}.step:last-child{border-bottom:none}.step:hover{background:var(--bg-card)}.step-num{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--bg-dark);color:#fff;font-family:var(--mono);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-num-ok{background:#22c55e}.step-content h3{font-size:15px;font-weight:700;margin-bottom:6px}.step-content p{font-size:13px;color:var(--text-muted);line-height:1.6}.code-block{background:#1a1a18;border:1px solid #333330;border-radius:6px;padding:14px 16px;font-family:var(--mono);font-size:12px;color:#e5e5e3;margin-top:12px;overflow-x:auto;white-space:pre;line-height:1.8;text-align:left}.cb-comment{color:#6f6f6a}.cb-key{color:#ff6b2b}.cb-val{color:#4ade80}.cb-str{color:#67e8f9}.inline-code{font-family:var(--mono);background:var(--bg-card);padding:2px 6px;border-radius:4px;font-size:12px}.compat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.compat-item{border:1px solid var(--border);border-radius:8px;padding:20px;background:var(--bg);transition:border-color .15s,background .15s}.compat-item:hover{border-color:var(--accent);background:var(--bg-card)}.compat-name{font-weight:700;font-size:14px;margin-bottom:4px}.compat-desc{font-size:12px;color:var(--text-muted)}.compat-badge{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:4px;font-family:var(--mono);font-size:10px;font-weight:700}.badge-green{background:#d1fae5;color:#065f46}.badge-blue{background:#dbeafe;color:#1e40af}.badge-yellow{background:#fef3c7;color:#92400e}.limits-table{width:100%;border-collapse:collapse;font-size:13px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.limits-table th{background:var(--bg-card);padding:12px 16px;text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);font-family:var(--mono)}.limits-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12px}.limits-table tr:last-child td{border-bottom:none}.limits-table tr:hover td{background:var(--bg-card)}.td-label{font-family:var(--sans);font-size:14px;font-weight:600}.tag-unlimited{display:inline-block;background:#d1fae5;color:#065f46;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.limits-note{margin-top:20px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-muted);line-height:1.7}.cta-wrap{max-width:1080px;margin:0 auto;padding:0 32px 80px}.cta-section{background:var(--bg-dark);border-radius:16px;padding:60px 40px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,107,43,.15) 0%,transparent 70%);pointer-events:none}.cta-section h2{color:#fff;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.04em;margin-bottom:14px;position:relative}.cta-section p{color:#999992;font-size:15px;margin-bottom:32px;position:relative}.cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:12px 28px;border-radius:8px;font-weight:700;font-size:14px;transition:opacity .15s;position:relative}.cta-btn:hover{opacity:.88}.footer{border-top:1px solid var(--border);padding:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-muted);font-family:var(--mono)}.footer-logo{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text)}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:var(--text)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:28px}.pricing-card{border:1px solid var(--border);border-radius:12px;padding:32px 28px;background:var(--bg);position:relative;display:flex;flex-direction:column;gap:0;transition:border-color .15s}.pricing-card:hover{border-color:var(--text-muted)}.pricing-card-highlight{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 1px var(--accent)}.pricing-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 12px;border-radius:999px;letter-spacing:.06em}.pricing-name{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono);margin-bottom:12px}.pricing-price{font-size:40px;font-weight:800;letter-spacing:-.04em;font-family:var(--mono);line-height:1;margin-bottom:12px}.pricing-period{font-size:16px;font-weight:500;color:var(--text-muted)}.pricing-desc{font-size:13px;color:var(--text-muted);margin-bottom:8px;line-height:1.5}.pricing-equiv{font-size:12px;font-family:var(--mono);color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);border-radius:6px;padding:6px 10px;margin-bottom:20px;line-height:1.5}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:28px;flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-muted);line-height:1.5}.pricing-check{color:#22c55e;font-weight:700;flex-shrink:0}.pricing-cta{display:block;text-align:center;padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;border:1px solid var(--border);background:var(--bg);color:var(--text);transition:background .15s}.pricing-cta:hover{background:var(--bg-card)}.pricing-cta-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.pricing-cta-accent:hover{background:var(--accent);opacity:.88}.pricing-note{padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-muted);line-height:1.7}.pricing-payment{margin-top:24px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.pricing-payment-title{padding:10px 20px;background:var(--bg-card);font-size:11px;font-family:var(--mono);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.pricing-payment-methods{display:flex;gap:0}.payment-method{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 12px;font-size:14px;font-weight:600;border-right:1px solid var(--border)}.payment-method:last-child{border-right:none}.payment-icon{font-size:18px}.pricing-payment-invoice{padding:12px 20px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted);background:var(--bg-card)}.contact-trigger{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.contact-trigger:hover{opacity:.8}.contact-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.contact-modal{background:var(--bg);border-radius:16px;padding:32px;max-width:380px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px #0003}.contact-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;line-height:1}.contact-close:hover{color:var(--text)}.contact-title{font-size:18px;font-weight:800;margin-bottom:8px}.contact-desc{font-size:13px;color:var(--text-muted);margin-bottom:8px}.contact-email{display:inline-block;font-family:var(--mono);font-size:13px;color:var(--accent);font-weight:600;margin-bottom:20px}.contact-qr{width:100%;max-width:300px;border-radius:12px;border:1px solid var(--border)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg)}.login-card{width:100%;max-width:400px;text-align:center}.login-logo{font-family:var(--mono);font-size:32px;display:inline-block;margin-bottom:4px}.login-logo-c{font-weight:300;color:var(--text-muted)}.login-logo-67{font-weight:900;color:var(--accent)}.login-tagline{font-family:var(--mono);font-size:12px;color:var(--text-muted);margin-bottom:40px}.login-title{font-size:20px;font-weight:800;margin-bottom:8px}.login-desc{font-size:13px;color:var(--text-muted);margin-bottom:20px}.login-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:15px;font-family:var(--sans);background:var(--bg);color:var(--text);outline:none;transition:border-color .15s;margin-bottom:12px}.login-input:focus{border-color:var(--accent)}.login-input-code{font-family:var(--mono);font-size:24px;letter-spacing:8px;text-align:center;font-weight:700}.login-error{color:#ef4444;font-size:13px;margin-bottom:12px}.login-btn{width:100%;padding:12px;border:none;border-radius:8px;background:var(--bg-dark);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:opacity .15s}.login-btn:hover{opacity:.85}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-link{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;margin-top:12px;text-decoration:underline;font-family:var(--sans)}.login-divider{display:flex;align-items:center;gap:12px;margin:28px 0;color:var(--text-muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-github{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;color:var(--text);font-family:var(--sans)}.login-github:hover{background:var(--bg-card)}.dash-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:var(--mono);color:var(--text-muted)}.dash-loading-text{font-size:16px}.dash-page{min-height:100vh;background:var(--bg)}.dash-nav{border-bottom:1px solid var(--border);padding:0 32px;height:56px;display:flex;align-items:center;justify-content:space-between}.dash-nav-logo{display:flex;align-items:baseline;gap:8px;font-family:var(--mono);font-size:22px}.dash-nav-name{font-size:14px;font-weight:700;color:var(--text)}.dash-nav-right{display:flex;align-items:center;gap:16px}.dash-nav-email{font-size:13px;color:var(--text-muted);font-family:var(--mono)}.dash-nav-logout{background:none;border:1px solid var(--border);border-radius:6px;padding:5px 14px;font-size:12px;cursor:pointer;color:var(--text-muted);font-family:var(--sans);transition:all .15s}.dash-nav-logout:hover{border-color:var(--text-muted);color:var(--text)}.dash-content{max-width:720px;margin:0 auto;padding:40px 20px}.dash-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.dash-avatar-img{width:48px;height:48px;border-radius:50%}.dash-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--bg-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:20px;font-weight:700}.dash-greeting{font-size:22px;font-weight:800;letter-spacing:-.02em}.dash-email{font-size:13px;color:var(--text-muted);font-family:var(--mono)}.dash-error{background:#fef2f2;border:1px solid #FECACA;color:#991b1b;padding:10px 16px;border-radius:8px;font-size:13px;margin-bottom:20px}.dash-card{border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px;background:var(--bg)}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dash-card-title{font-size:13px;font-weight:700;color:var(--text-muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}.dash-plan-badge{padding:3px 10px;border-radius:6px;font-family:var(--mono);font-size:11px;font-weight:700}.plan-free{background:var(--bg-card);color:var(--text-muted)}.plan-basic{background:#dbeafe;color:#1e40af}.plan-pro{background:#d1fae5;color:#065f46}.dash-quota-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.dash-quota-item{padding:12px;background:var(--bg-card);border-radius:8px}.dash-quota-label{font-size:11px;color:var(--text-muted);font-family:var(--mono);margin-bottom:4px}.dash-quota-value{font-size:16px;font-weight:700;font-family:var(--mono)}.dash-upgrade{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.dash-upgrade p{font-size:13px;color:var(--text-muted)}.dash-upgrade-btn{padding:7px 16px;border-radius:6px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;transition:opacity .15s}.dash-upgrade-btn:hover{opacity:.85}.dash-key-area{margin-top:-8px}.dash-key-display{display:flex;align-items:center;gap:8px;background:#1a1a18;border-radius:8px;padding:14px 16px}.dash-key-code{flex:1;font-family:var(--mono);font-size:13px;color:#e5e5e3;word-break:break-all}.dash-key-actions{display:flex;gap:6px}.dash-key-btn{padding:5px 14px;border-radius:6px;border:1px solid #333330;background:transparent;color:#e5e5e3;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--mono);transition:all .15s}.dash-key-btn:hover{background:#333330}.dash-no-key{font-size:13px;color:var(--text-muted)}.dash-key-card{background:#1a1a18;border-radius:8px;overflow:hidden}.dash-usage-bars{padding:10px 16px 14px;display:flex;flex-direction:column;gap:8px;border-top:1px solid #333330}.dash-usage-label{display:flex;justify-content:space-between;font-size:11px;color:#999992;margin-bottom:4px}.dash-usage-track{height:6px;background:#333330;border-radius:3px;overflow:hidden}.dash-usage-fill{height:100%;border-radius:3px;transition:width .3s ease}.admin-table-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{background:var(--bg-card);padding:10px 14px;text-align:left;font-size:11px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.admin-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-card)}.admin-action-btn{padding:3px 10px;border-radius:4px;border:1px solid var(--border);background:var(--bg);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--mono);transition:all .15s;white-space:nowrap}.admin-action-btn:hover{border-color:var(--text-muted)}.admin-action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-action-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.admin-action-accent:hover{opacity:.85}.admin-detail-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.admin-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-detail-section h4{font-size:13px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:12px}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.admin-form-grid label{display:block;font-size:11px;font-family:var(--mono);color:var(--text-muted);margin-bottom:4px}.admin-input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:var(--mono);background:var(--bg);color:var(--text)}.admin-input:focus{border-color:var(--accent);outline:none}select.admin-input{cursor:pointer}@media (max-width: 700px){.nav{padding:0 12px;gap:8px}.nav-links,.nav-logo-text{display:none}.nav-logo{gap:0}.nav-cta{gap:6px}.nav-cta .btn-outline{display:none}.nav-cta .btn-lg{font-size:12px;padding:6px 14px}.hero{padding:48px 20px 32px}.section{padding:56px 20px}.stats-row{flex-direction:column}.stat-item{border-right:none}.term-win-main,.term-win-setup,.term-win-stat{width:100%;max-width:96vw;margin-top:0}.demo-area{flex-direction:column;align-items:center}.cta-section{padding:40px 24px}.cta-wrap{padding:0 20px 60px}.footer{flex-direction:column;align-items:flex-start}.divider{margin:0 20px}.step{flex-direction:column;padding:20px}}