*{box-sizing:border-box;margin:0;padding:0}body{color:#e5e5e5;background:#0f0f0f;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{z-index:100;background:#1a1a1a;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;height:56px;display:flex;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{color:#fff;font-size:1.25rem;font-weight:700}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:#a1a1a1;font-size:.9rem;transition:color .2s}.nav-link:hover{color:#fff}.nav-auth{align-items:center;gap:16px;display:flex}.balance-badge{color:#fff;background:#6366f1;border-radius:9999px;padding:4px 12px;font-size:.85rem;font-weight:500}.nav-btn{color:#a1a1a1;cursor:pointer;font-size:.9rem;transition:color .2s}.nav-btn:hover{color:#fff}.card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:24px}.product-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.badge{border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-block}.badge-once{color:#a1a1a1;background:#2a2a2a}.badge-monthly{color:#818cf8;background:#6366f133}.price{color:#fff;font-size:1.875rem;font-weight:700}.price-unit{color:#a1a1a1;font-size:.875rem}.btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#6366f1}.btn-primary:hover:not(:disabled){background:#5558e3}.btn-success{color:#fff;background:#22c55e}.btn-success:hover:not(:disabled){background:#1ea550}.btn-outline{color:#d1d1d1;background:0 0;border:1px solid #3a3a3a}.btn-outline:hover:not(:disabled){color:#fff;border-color:#6366f1}input,textarea{color:#fff;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;width:100%;padding:12px;font-size:.9rem;transition:border-color .2s}input:focus,textarea:focus{border-color:#6366f1;outline:none}input::placeholder,textarea::placeholder{color:#666}.form-group{margin-bottom:16px}.form-label{color:#a1a1a1;margin-bottom:8px;font-size:.875rem;display:block}.hero{text-align:center;padding:64px 0}.hero-title{background:linear-gradient(90deg,#fff,#a1a1a1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:700}@media (min-width:768px){.hero-title{font-size:3.5rem}}.hero-subtitle{color:#a1a1a1;margin-bottom:24px;font-size:1.25rem}.hero-desc{color:#666;max-width:600px;margin:0 auto 32px}.section{padding:48px 0}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:#a1a1a1;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #2a2a2a;padding:12px 16px;font-size:.75rem;font-weight:500}tbody td{border-bottom:1px solid #2a2a2a;padding:16px;font-size:.9rem}tbody tr:last-child td{border-bottom:none}.toast{color:#fff;z-index:1000;border-radius:8px;padding:12px 24px;font-weight:500;animation:.3s slideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #0000004d}.toast-success{background:#22c55e}.toast-error{background:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;width:90%;max-width:480px;padding:32px}.modal-title{color:#fff;margin-bottom:8px;font-size:1.25rem;font-weight:600}.modal-desc{color:#a1a1a1;margin-bottom:24px;font-size:.9rem}.modal-actions{gap:12px;margin-top:24px;display:flex}.modal-actions .btn{flex:1}.api-key-box{color:#22c55e;word-break:break-all;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;margin:16px 0;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.loading{color:#a1a1a1;justify-content:center;align-items:center;padding:80px 0;display:flex}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;width:100%;max-width:400px;padding:40px}.auth-title{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:700}.auth-subtitle{color:#a1a1a1;margin-bottom:32px}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.875rem}.auth-link{text-align:center;color:#a1a1a1;margin-top:24px;font-size:.875rem}.auth-link a{color:#6366f1}.auth-link a:hover{text-decoration:underline}.dashboard-header{margin-bottom:32px}.dashboard-title{color:#fff;font-size:1.5rem;font-weight:700}.dashboard-welcome{color:#a1a1a1;margin-top:8px}.dashboard-section{margin-bottom:32px}.dashboard-section-title{color:#fff;border-bottom:1px solid #2a2a2a;margin-bottom:16px;padding-bottom:8px;font-size:1.125rem;font-weight:600}.balance-display{color:#fff;margin-bottom:16px;font-size:2rem;font-weight:700}.recharge-form{gap:12px;max-width:400px;display:flex}.recharge-form input{flex:1}.recharge-hint{color:#666;margin-top:12px;font-size:.8rem}.product-header{margin-bottom:16px}.product-name{color:#fff;margin-bottom:8px;font-size:1.125rem;font-weight:600}.product-desc{color:#a1a1a1;min-height:40px;margin-bottom:16px;font-size:.875rem}.product-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.product-price{align-items:baseline;gap:4px;display:flex}