:root{--color-bg:#0f0a1a;--color-bg-elevated:#150f24;--color-surface:#1a1428;--color-surface-hover:#221a35;--color-border:#2c2242;--color-border-soft:#241b38;--color-primary:#a855f7;--color-primary-hover:#9333ea;--color-primary-soft:#a855f729;--color-primary-text:#e9d5ff;--color-text:#f3f0fb;--color-text-muted:#a8a2bd;--color-text-faint:#726c88;--color-success:#4ade80;--color-success-soft:#4ade8024;--color-danger:#f87171;--color-danger-soft:#f871711f;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:999px;--shadow-card:0 4px 20px #00000059;--shadow-pop:0 20px 60px #00000080;--font-sans:"Segoe UI", Inter, system-ui, -apple-system, Avenir, Helvetica, Arial, sans-serif;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html,body{height:100%}body{min-height:100vh;color:var(--color-text);background:radial-gradient(1200px 600px at 100% -10%, #a855f724, transparent 60%), radial-gradient(900px 500px at -10% 110%, #a855f714, transparent 60%), var(--color-bg);margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:700}p{color:var(--color-text-muted);margin:0}a{color:var(--color-primary-text);text-decoration:none}a:hover{color:var(--color-primary)}button{cursor:pointer;font-family:inherit}input{color:var(--color-text);font-family:inherit}input::placeholder{color:var(--color-text-faint)}.btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.92rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #7c3aed);color:#fff;border-color:#0000}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-hover), #6d28d9);filter:brightness(1.05)}.btn-google{color:#1f1f1f;background:#fff;border-color:#0000}.btn-google:hover{background:#f2f2f2}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:28px;font-size:1.1rem;font-weight:700;display:flex}.auth-brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), #7c3aed);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:inline-flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-pop);padding:32px}.auth-heading{text-align:center;font-size:1.5rem}.auth-subtitle{text-align:center;margin-top:6px;font-size:.88rem}.auth-trial-badge{border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-text);text-align:center;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.auth-divider{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;margin:22px 0;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);outline:none;padding:11px 14px;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.field-hint{color:var(--color-text-faint);font-size:.74rem}.auth-error{border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);padding:10px 14px;font-size:.84rem;font-weight:500}.auth-success{border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success);padding:10px 14px;font-size:.84rem;font-weight:500}.auth-footer{text-align:center;color:var(--color-text-muted);margin-top:22px;font-size:.85rem}.auth-footer a{font-weight:600}.auth-electron-hint{border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border-soft);color:var(--color-text-muted);text-align:left;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:.8rem;display:flex}.lang-toggle{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border-soft);gap:2px;padding:3px;display:inline-flex}.lang-toggle-btn{border-radius:var(--radius-full);color:var(--color-text-faint);letter-spacing:.03em;background:0 0;border:none;padding:5px 10px;font-size:.72rem;font-weight:700;transition:all .15s}.lang-toggle-btn:hover{color:var(--color-text)}.lang-toggle-btn.active{color:#fff;background:linear-gradient(135deg, var(--color-primary), #7c3aed)}.top-nav{z-index:10;position:fixed;top:16px;right:16px}.page-shell{max-width:720px;margin:70px auto;padding:0 16px}.pricing-shell{max-width:900px}.page-title{text-align:center;font-size:1.7rem}.page-subtitle{text-align:center;margin-top:8px}.pricing-grid{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:28px;display:flex}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;width:260px;box-shadow:var(--shadow-card);padding:24px}.pricing-price{margin-top:8px;font-size:1.6rem;font-weight:700}.pricing-price-sub{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.pricing-price-idr{color:var(--color-text-muted);margin-top:4px;font-size:.82rem}.pricing-toggle-row{justify-content:center;margin-top:24px;display:flex}.pricing-features{border-top:1px solid var(--color-border-soft);text-align:left;flex-direction:column;gap:10px;margin:20px 0 0;padding:16px 0 0;font-size:.84rem;list-style:none;display:flex}.pricing-feature{color:var(--color-text-muted);align-items:flex-start;gap:8px;display:flex}.pricing-feature-icon{color:var(--color-success);flex-shrink:0;font-weight:700}.pricing-feature-excluded{color:var(--color-text-faint);text-decoration:line-through}.pricing-feature-excluded .pricing-feature-icon{color:var(--color-text-faint)}.account-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-top:24px;padding:24px}.account-quota-list{color:var(--color-text-muted);flex-direction:column;gap:6px;margin:10px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}