:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .95);--surf-50: #f2fbff;--surf-100: #e6f7ff;--surf-200: #3d5a80;--surf-300: #5db7ff;--surf-400: #68c2ff;--surf-500: #3eabff;--text: #e8f0ff;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #60a5fa;--accent-purple: #a78bfa;--accent-cyan: #22d3ee;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #43c9a8 0%, #2ea890 100%);--gradient-info: linear-gradient(135deg, #5db7ff 0%, #2c93ff 100%);--gradient-card: linear-gradient(145deg, rgba(30, 41, 59, .9) 0%, rgba(17, 24, 39, .95) 100%);--spacing-xs: clamp(4px, 1vw, 6px);--spacing-sm: clamp(8px, 2vw, 12px);--spacing-md: clamp(12px, 3vw, 16px);--spacing-lg: clamp(16px, 4vw, 24px);--spacing-xl: clamp(20px, 5vw, 32px);--font-xs: clamp(10px, 2.5vw, 11px);--font-sm: clamp(12px, 3vw, 13px);--font-base: clamp(14px, 3.5vw, 15px);--font-md: clamp(15px, 4vw, 16px);--font-lg: clamp(16px, 4.5vw, 18px);--font-xl: clamp(18px, 5vw, 20px);--font-2xl: clamp(20px, 5.5vw, 24px);--font-3xl: clamp(24px, 6.5vw, 32px);--radius-sm: clamp(8px, 2vw, 10px);--radius-md: clamp(12px, 3vw, 16px);--radius-lg: clamp(16px, 4vw, 20px);--container-padding: clamp(12px, 4vw, 16px);--card-padding: clamp(16px, 4.5vw, 20px)}*{box-sizing:border-box;scroll-behavior:smooth}html,body,#root{min-height:100%;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}body{margin:0;font-family:SF Pro Text,SF Pro Display,-apple-system,system-ui,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#111827;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#0a0e1a,#111827,#1e293b);z-index:-1}.container{max-width:640px;margin:0 auto;padding:var(--container-padding);padding-top:max(var(--container-padding),env(safe-area-inset-top));padding-bottom:max(clamp(24px,6vw,32px),env(safe-area-inset-bottom));padding-left:max(var(--container-padding),env(safe-area-inset-left));padding-right:max(var(--container-padding),env(safe-area-inset-right));animation:fadeIn .5s ease-in-out;position:relative;z-index:1}@media (min-width: 768px){.container{max-width:720px;padding:20px}}@media (min-width: 1024px){.container{max-width:800px;padding:24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.animate-in{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}@keyframes avatarBorderGlow{0%,to{border-color:#5db7ff66;box-shadow:0 4px 16px #3b82f659,0 0 12px #5db7ff33,inset 0 1px 2px #fff3}25%{border-color:#8b5cf680;box-shadow:0 4px 18px #8b5cf673,0 0 16px #8b5cf64d,inset 0 1px 2px #ffffff40}50%{border-color:#60a5fa99;box-shadow:0 4px 20px #60a5fa80,0 0 20px #60a5fa59,inset 0 1px 2px #ffffff4d}75%{border-color:#8b5cf680;box-shadow:0 4px 18px #8b5cf673,0 0 16px #8b5cf64d,inset 0 1px 2px #ffffff40}}.container ::-webkit-scrollbar{height:6px}.container ::-webkit-scrollbar-track{background:#1e293b80;border-radius:8px}.container ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:8px;transition:background .2s ease}.container ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#60a5fa,#8b5cf6)}.card{background:var(--gradient-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(93,183,255,.15);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:0 4px 16px #0000004d,0 8px 32px #5db7ff1a,inset 0 1px #5db7ff1a;margin-bottom:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease;touch-action:pan-y pan-x}@media (min-width: 768px){.card{padding:24px;margin-bottom:20px}}.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0006,0 12px 40px #5db7ff26,inset 0 1px #5db7ff26;border-color:#5db7ff40}.card.product{background:linear-gradient(145deg,#1e293bf2,#111827fa);border:1px solid rgba(93,183,255,.2);box-shadow:0 4px 20px #0006,0 12px 40px #5db7ff26}.card.product.large{padding:clamp(20px,5vw,32px) clamp(18px,4.5vw,28px) clamp(24px,6vw,36px)}.card.product.center{text-align:center}.price-badge{display:inline-block;padding:clamp(12px,3.5vw,14px) clamp(18px,5vw,24px);border-radius:999px;background:linear-gradient(135deg,#93d1ff59,#49a6ff4d);color:#0f3554;font-weight:700;font-size:var(--font-md);margin:0 auto;text-align:center;border:1px solid rgba(62,171,255,.4);box-shadow:0 4px 16px #2e88ff33,inset 0 1px 2px #fffc;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}.button.gradient{background:linear-gradient(90deg,#60bbff,#2c93ff);box-shadow:0 6px 16px #2c93ff4d}.button.cta{background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);color:#fff;padding:clamp(14px,4vw,16px) clamp(24px,6vw,32px);border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;box-shadow:0 4px 16px #3b82f666,0 8px 32px #6366f14d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(147,197,253,.3);backdrop-filter:saturate(160%) blur(8px);-webkit-backdrop-filter:saturate(160%) blur(8px);cursor:pointer;position:relative;overflow:hidden}@media (min-width: 768px){.button.cta{padding:16px 40px;font-size:17px}}.button.cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.button.cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3b82f680,0 12px 48px #6366f166}.button.cta:hover:before{left:100%}.button.cta:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f666,0 4px 16px #6366f14d}.pill{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(93,183,255,.2);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 2px 8px #0000004d}.title{font-size:var(--font-xl);font-weight:600;margin:0 0 var(--spacing-sm);letter-spacing:-.02em}.row{display:flex;align-items:center;gap:var(--spacing-md)}.avatar{width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:inline-flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:clamp(18px,5vw,20px);box-shadow:0 4px 16px #3b82f64d,inset 0 1px 2px #fff3;border:2px solid rgba(93,183,255,.3);animation:avatarBorderGlow 6s ease-in-out infinite}.icon-button{width:clamp(32px,9vw,36px);height:clamp(32px,9vw,36px);border-radius:var(--radius-sm);background:#1e293bcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(93,183,255,.25);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d,0 4px 16px #3b82f626;transition:all .2s ease}.icon-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006,0 6px 20px #3b82f640;border-color:#5db7ff66;background:#1e293bf2}@media (min-width: 768px){.icon-button{width:40px;height:40px}}.button{background:var(--surf-400);color:#fff;border:none;border-radius:14px;padding:12px 18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #2e88ff26}.button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2e88ff40}.button:active{transform:translateY(0)}.button.secondary{background:linear-gradient(145deg,#1e293bb3,#0f172acc);color:var(--text);border:1px solid rgba(93,183,255,.3)}.button.secondary:hover{background:linear-gradient(145deg,#1e293be6,#0f172af2);border-color:#5db7ff66}.button.mini{padding:10px 16px;border-radius:12px;font-weight:700}.muted{color:var(--text-secondary);font-size:13px}.footnote{color:var(--text-muted);font-size:12px;line-height:1.5}.price{font-size:24px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;touch-action:pan-y;pointer-events:none;user-select:none}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px}.footer{text-align:center;margin:12px 0;padding:12px 0}.footer .links{color:var(--text-secondary);font-size:13px;display:inline-flex;gap:12px;align-items:center}.footer .link{background:transparent;border:none;color:var(--text-secondary);font-size:13px;padding:4px 0;cursor:pointer;text-decoration:underline;transition:color .2s ease}.footer .link:hover{color:var(--surf-500)}.footer .dot{opacity:.4}.modal{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:var(--spacing-md)}.modal-card{width:min(560px,100%);max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#1e293bfa,#111827fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(93,183,255,.3);border-radius:var(--radius-lg);padding:clamp(16px,5vw,24px);box-shadow:0 8px 32px #00000080,0 16px 64px #3b82f64d;animation:slideUp .3s ease}@media (max-width: 480px){.modal-card{border-radius:var(--radius-md);padding:16px}}@media (min-width: 768px){.modal-card{width:min(640px,85vw)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input{width:100%;padding:12px 16px;border:1px solid rgba(93,183,255,.25);border-radius:12px;margin:8px 0;font-size:15px;transition:all .2s ease;background:#0f172a99;color:var(--text)}.input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633;background:#0f172acc}.textarea{width:100%;height:120px;padding:12px 16px;border:1px solid rgba(93,183,255,.25);border-radius:12px;margin:8px 0;font-size:15px;resize:vertical;transition:all .2s ease;background:#0f172a99;color:var(--text);font-family:inherit}.textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633;background:#0f172acc}.label{font-size:13px;font-weight:500;color:var(--text-secondary);margin:8px 0 6px;display:block}.select{width:100%;padding:12px 40px 12px 16px;border:1px solid rgba(93,183,255,.25);border-radius:12px;background:#0f172a99;color:var(--text);font-size:15px;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px}.select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633;background:#0f172acc;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px}.topbar{display:flex;justify-content:center;padding:6px 0 10px}.button.outline{background:#fff9;color:var(--text);border:1px solid var(--surf-200);box-shadow:0 4px 10px #0000000d}.hero{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;margin-bottom:20px}.hero-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(145deg,#3b82f633,#6366f126);display:flex;align-items:center;justify-content:center;border:1px solid rgba(93,183,255,.3);box-shadow:0 4px 16px #3b82f633,inset 0 1px 2px #5db7ff33}.tagline{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:4px}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:24px auto 20px}.chip{padding:10px 16px;border-radius:999px;background:linear-gradient(145deg,#1e293bb3,#0f172acc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(93,183,255,.25);font-size:13px;font-weight:500;color:var(--text);box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;border-color:#5db7ff66}.disclaimer{margin-top:14px;display:flex;gap:8px;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px}.benefits{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;text-align:left}.benefits li{position:relative;padding-left:14px;font-size:13px}.benefits li:before{content:"•";position:absolute;left:0;color:#3eabff}.carousel-container::-webkit-scrollbar{display:none}.plan-card{background:var(--gradient-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(93,183,255,.15);border-radius:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000004d,0 4px 16px #5db7ff14}.plan-card:hover{transform:translateY(-2px);border-color:#5db7ff4d;box-shadow:0 4px 16px #0006,0 8px 32px #5db7ff26}.plan-card:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d,0 4px 16px #5db7ff14}.plan-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#3b82f626,#6366f11a);display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid rgba(93,183,255,.2);box-shadow:0 2px 8px #3b82f626,inset 0 1px 2px #5db7ff1a}.plan-badge{padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#3b82f640,#8b5cf633);border:1px solid rgba(93,183,255,.3);font-size:11px;font-weight:600;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #3b82f633}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.75}}