:root{--vw-bg: #0a0a18;--vw-bg-2: #10102a;--vw-surface: #0f1024;--vw-surface-2: #14152e;--vw-border: rgba(34, 230, 245, .18);--vw-cyan: #22e6f5;--vw-pink: #ff5cc8;--vw-purple: #8b5cf6;--vw-purple-2: #b06bff;--vw-text: #e7e9ff;--vw-text-muted:#8a8fb8;--vw-text-dim: #5a5f88;--vw-glow-cyan: 0 0 12px rgba(34, 230, 245, .7), 0 0 24px rgba(34, 230, 245, .4);--vw-radius: 16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#0a0a18,#10102a);color:var(--vw-text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(34,230,245,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,230,245,.04) 1px,transparent 1px),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='%2322e6f5' fill-opacity='0.05' font-family='monospace' font-size='12'%3E%3Ctext x='10' y='30'%3E0xA1F5%3C/text%3E%3Ctext x='90' y='80'%3Ev2.0.0%3C/text%3E%3Ctext x='180' y='120'%3E::vibe%3C/text%3E%3Ctext x='250' y='200'%3E0xC0DE%3C/text%3E%3Ctext x='40' y='260'%3E[ai]%3C/text%3E%3Ctext x='320' y='320'%3E&gt;_%3C/text%3E%3Ctext x='130' y='370'%3E0xFFFF%3C/text%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px,48px 48px,420px 420px;animation:vw-drift 80s linear infinite;opacity:.55}@keyframes vw-drift{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,0 -420px}}a{color:var(--vw-cyan);text-decoration:none}a:hover{text-shadow:var(--vw-glow-cyan)}.container{max-width:1080px;margin:0 auto;padding:24px}.card{background:var(--vw-surface);border:1px solid var(--vw-border);border-radius:var(--vw-radius);padding:20px;margin-bottom:16px;box-shadow:0 4px 18px #00000080;position:relative;overflow:hidden}.card.gradient-edge:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--vw-cyan),var(--vw-purple),var(--vw-pink))}h1,h2,h3,h4{color:#fff;font-family:Space Grotesk,Audiowide,system-ui,sans-serif;letter-spacing:.5px;margin-top:0}h1{text-shadow:var(--vw-glow-cyan);font-size:28px}h2{text-shadow:var(--vw-glow-cyan);font-size:22px}h3{font-size:17px;text-transform:uppercase;letter-spacing:1.5px;color:var(--vw-cyan)}.btn{background:var(--vw-surface);color:var(--vw-cyan);border:1px solid var(--vw-cyan);padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:700;letter-spacing:.3px;text-transform:uppercase;font-size:13px;transition:box-shadow .15s ease,filter .15s ease,transform .05s ease;display:inline-flex;align-items:center;gap:8px}.btn:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vw-cyan);box-shadow:0 0 6px var(--vw-cyan)}.btn:hover{box-shadow:var(--vw-glow-cyan);filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn.secondary{color:var(--vw-text);border-color:var(--vw-border)}.btn.secondary:before{background:var(--vw-purple);box-shadow:0 0 6px var(--vw-purple)}.btn.danger{color:#ff8aa8;border-color:#ff5cc899}.btn.danger:before{background:var(--vw-pink);box-shadow:0 0 6px var(--vw-pink)}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none}.btn.no-dot:before{display:none}.input,.textarea,select{width:100%;background:var(--vw-bg);border:1px solid var(--vw-border);color:var(--vw-text);padding:10px 12px;border-radius:10px;font-family:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus,select:focus{outline:none;border-color:var(--vw-cyan);box-shadow:0 0 0 3px #22e6f526}.textarea{min-height:90px;resize:vertical}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1 1 220px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.muted{color:var(--vw-text-muted);font-size:13px}.dim{color:var(--vw-text-dim)}.tag{background:#8b5cf626;color:#d4c5ff;border:1px solid rgba(139,92,246,.45);border-radius:999px;padding:3px 10px;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.tag.cyan{background:#22e6f51f;color:var(--vw-cyan);border-color:#22e6f566}.tag.pink{background:#ff5cc81f;color:#ffb1e3;border-color:#ff5cc866}.tag.danger{background:#b000202e;color:#ff8aa8;border-color:#b0002080}.error{color:#ff6b8b}.success{color:#58e1a3}.loading{padding:40px;text-align:center;color:var(--vw-text-muted)}.legal{background:#8b5cf614;border:1px solid rgba(139,92,246,.45);padding:12px;border-radius:10px;margin:12px 0;font-size:13px}.legal label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.warn{background:#ff8c421a;border:1px solid rgba(255,140,66,.6);color:#ffcaa3;padding:12px;border-radius:10px;margin:12px 0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#0f1024d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--vw-border);position:sticky;top:0;z-index:100}.navbar a{color:var(--vw-text-muted);margin-right:18px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-size:12px}.navbar a:hover{color:var(--vw-cyan);text-shadow:none}.navbar a.active{color:var(--vw-cyan);border-bottom:2px solid var(--vw-cyan);padding-bottom:4px}.code{background:#06060d;padding:10px 12px;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;-webkit-user-select:all;user-select:all;word-break:break-all;color:#c4d6ff;border:1px solid var(--vw-border)}hr{border:none;border-top:1px solid var(--vw-border);margin:16px 0}table{border-collapse:collapse}table th,table td{padding:8px 10px;border-bottom:1px solid var(--vw-border);text-align:left}table th{color:var(--vw-cyan);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.vw-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040cbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:vw-fade-in .18s ease}@keyframes vw-fade-in{0%{opacity:0}to{opacity:1}}.vw-modal{background:var(--vw-surface);border:1px solid var(--vw-border);border-radius:var(--vw-radius);padding:32px 40px;position:relative;text-align:center;box-shadow:0 0 0 1px #22e6f533,0 0 80px #8b5cf666;max-width:90vw}.vw-modal:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--vw-cyan),var(--vw-purple),var(--vw-pink));border-radius:0 var(--vw-radius) var(--vw-radius) 0}.vw-modal h2{font-size:24px;margin:0 0 8px;text-shadow:var(--vw-glow-cyan)}.vw-modal .vw-modal-link{color:var(--vw-cyan);font-weight:700}.vw-modal-x{position:absolute;top:8px;right:12px;background:transparent;border:none;color:var(--vw-text-muted);font-size:22px;cursor:pointer}.vw-modal-x:hover{color:var(--vw-cyan)}.bubble-preview-shell{position:relative;height:320px;background:linear-gradient(180deg,#0c0c1c,#15162e);border:1px dashed var(--vw-border);border-radius:var(--vw-radius);overflow:hidden}.bubble-preview-shell .website-mock{padding:24px;color:var(--vw-text-dim);font-family:Inter,system-ui,sans-serif;font-size:13px}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040cb3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.confirm-modal{background:var(--vw-surface);border:1px solid var(--vw-border);border-radius:var(--vw-radius);padding:24px;max-width:480px;width:calc(100% - 32px)}.tier-card{position:relative;border:1px solid var(--vw-border);border-radius:var(--vw-radius);padding:20px;background:var(--vw-surface);cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,transform .05s ease}.tier-card:hover,.tier-card.selected{border-color:var(--vw-cyan);box-shadow:var(--vw-glow-cyan)}.tier-card .price{font-size:32px;font-weight:800;color:#fff;font-family:Space Grotesk,Audiowide,system-ui,sans-serif;text-shadow:var(--vw-glow-cyan)}.tier-card ul{padding-left:18px;margin:8px 0 0;color:var(--vw-text-muted);font-size:13px}.tier-card ul li{margin-bottom:4px}.style-radio{display:inline-flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--vw-border);border-radius:12px;padding:10px;cursor:pointer;background:var(--vw-bg);min-width:78px;transition:border-color .15s ease,box-shadow .15s ease}.style-radio.selected{border-color:var(--vw-cyan);box-shadow:var(--vw-glow-cyan)}.style-radio .preview-bubble{width:36px;height:36px;background:var(--vw-purple);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.style-radio .label{font-size:11px;color:var(--vw-text-muted);text-transform:uppercase}
