@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1a1f35;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f14d;--green:#10b981;--green-glow:#10b9814d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff14;--glass:#ffffff08}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(at 30% 20%,#6366f114 0%,#0000 50%),radial-gradient(at 70% 80%,#10b9810f 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite drift;position:fixed;top:-50%;left:-50%}@keyframes drift{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,-1%)rotate(1deg)}66%{transform:translate(-1%,2%)rotate(-1deg)}}.hero{text-align:center;max-width:700px;margin:0 auto;padding:60px 20px 40px}.hero-badge{background:var(--glass);border:1px solid var(--border);color:var(--accent-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 16px;font-size:13px;display:inline-flex}.hero-badge-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 0 0 var(--green-glow)}50%{opacity:.8;box-shadow:0 0 0 6px #0000}}.hero h1{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.hero p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem;line-height:1.6}.price-highlight{color:var(--text-muted);align-items:baseline;gap:4px;margin-top:20px;font-size:1rem;display:inline-flex}.price-highlight strong{color:var(--green);text-shadow:0 0 30px var(--green-glow);font-size:2.5rem;font-weight:800}.call-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;max-width:440px;margin:0 auto 40px;padding:32px;box-shadow:0 20px 60px #0000004d}.call-card h2{text-align:center;margin-bottom:20px;font-size:1.2rem;font-weight:600}.input-group{margin-bottom:16px}.input-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-group input,.input-group select{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-group input::placeholder{color:var(--text-muted)}.btn-call{background:linear-gradient(135deg, var(--accent) 0%, #4f46e5 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.btn-call:hover:not(:disabled){box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-1px)}.btn-call:active:not(:disabled){transform:translateY(0)}.btn-call:disabled{opacity:.6;cursor:not-allowed}.btn-call.calling{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);animation:1.5s ease-in-out infinite pulse-btn}.btn-call.success{background:linear-gradient(135deg, var(--green) 0%, #059669 100%)}@keyframes pulse-btn{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 12px #0000}}.pricing{max-width:700px;margin:0 auto 60px;padding:0 20px}.pricing h2{text-align:center;margin-bottom:24px;font-size:1.5rem;font-weight:700}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pricing-item{background:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:16px;padding:24px 16px;transition:all .3s;position:relative}.pricing-item:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px #0003}.pricing-item.popular{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 12px 40px var(--accent-glow)}.pricing-item.popular:after{content:"⭐ Popular";background:var(--accent);color:#fff;border-radius:9999px;padding:2px 12px;font-size:11px;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pricing-minutes{color:var(--text-primary);font-size:2rem;font-weight:800}.pricing-label{color:var(--text-muted);margin-bottom:12px;font-size:13px}.pricing-price{color:var(--green);font-size:1.5rem;font-weight:700}.pricing-per-min{color:var(--text-muted);margin-top:4px;font-size:12px}.features{grid-template-columns:repeat(3,1fr);gap:16px;max-width:700px;margin:0 auto 60px;padding:0 20px;display:grid}.feature{text-align:center;padding:24px 12px}.feature-icon{margin-bottom:8px;font-size:2rem}.feature h3{margin-bottom:4px;font-size:14px;font-weight:600}.feature p{color:var(--text-muted);font-size:12px;line-height:1.4}.status-msg{text-align:center;border-radius:10px;margin-top:12px;padding:12px;font-size:14px;font-weight:500}.status-msg.info{color:var(--accent-light);background:#6366f11a}.status-msg.success{color:var(--green);background:#10b9811a}.status-msg.error{color:#f87171;background:#ef44441a}footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding:30px 20px;font-size:13px}@media (max-width:600px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}.hero{padding:40px 16px 24px}.call-card{margin:0 16px 40px}}