:root{color-scheme:dark;--bg: #06070d;--surface: rgba(255, 255, 255, .045);--surface-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #eef0f8;--muted: #8b93a9;--brand-primary: #5b8cff;--brand-secondary: #a855f7;--accent: #22d3ee;--danger: #fb5568;--success: #34d399;--gradient-brand: linear-gradient(135deg, var(--accent) 0%, var(--brand-primary) 55%, var(--brand-secondary) 100%);--gradient-text: linear-gradient(120deg, #8fd8ff, #7ea2ff 45%, #c9a0ff 100%);--glow-primary: 0 0 0 1px rgba(91, 140, 255, .25), 0 8px 30px rgba(91, 140, 255, .25);--glow-soft: 0 20px 60px rgba(10, 12, 24, .55);--radius: 18px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::selection{background:#5b8cff59;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--brand-primary),var(--brand-secondary));border-radius:999px;border:2px solid var(--bg)}a{color:inherit;text-decoration:none}h1,h2,h3{margin-top:0;letter-spacing:-.02em}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg)}.ambient-bg:before,.ambient-bg:after{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(110px);opacity:.28;animation:drift 22s ease-in-out infinite alternate}.ambient-bg:before{top:-20vmax;left:-15vmax;background:radial-gradient(circle,var(--brand-primary),transparent 70%)}.ambient-bg:after{bottom:-25vmax;right:-15vmax;background:radial-gradient(circle,var(--brand-secondary),transparent 70%);animation-delay:-11s}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 40%,transparent 100%)}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(6vmax,4vmax) scale(1.15)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.ambient-bg:before,.ambient-bg:after{animation:none}}.storefront-shell{min-height:100vh;display:flex;flex-direction:column}.storefront-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border);background:#06070da6;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);flex-wrap:wrap;gap:12px}.brand{font-weight:800;font-size:21px;display:flex;align-items:center;gap:10px;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-logo{height:36px;filter:drop-shadow(0 0 12px rgba(91,140,255,.35))}.storefront-header nav{display:flex;gap:28px}.storefront-header nav a{position:relative;font-weight:500;color:var(--muted);padding-bottom:4px;transition:color .2s ease}.storefront-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;border-radius:2px;background:var(--gradient-brand);transition:right .25s ease}.storefront-header nav a:hover{color:var(--text)}.storefront-header nav a:hover:after{right:0}main{flex:1;padding:40px 24px 80px;max-width:1140px;width:100%;margin:0 auto;animation:fadeInUp .5s ease both}section{margin-bottom:48px}section>h2{font-size:22px;margin-bottom:20px;display:flex;align-items:center;gap:10px}section>h2:before{content:"";width:6px;height:22px;border-radius:4px;background:var(--gradient-brand);box-shadow:0 0 12px #5b8cff99}.page-state{padding:100px 24px;text-align:center;font-size:15px}.muted{color:var(--muted)}.form-error{color:var(--danger);background:#fb55681a;border:1px solid rgba(251,85,104,.3);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px}.hero{position:relative;padding:80px 24px;text-align:center;border-radius:var(--radius);margin-bottom:56px;overflow:hidden;background:linear-gradient(160deg,#5b8cff29,#a855f724);border:1px solid var(--border-strong);box-shadow:var(--glow-soft)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.14) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black 20%,transparent 90%);mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black 20%,transparent 90%);pointer-events:none}.hero h1{position:relative;font-size:44px;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{position:relative;color:var(--muted);font-size:17px;max-width:480px;margin:12px auto 0}.cta-button{position:relative;display:inline-block;margin-top:28px;padding:13px 32px;background:var(--gradient-brand);color:#05060b;border-radius:999px;font-weight:700;letter-spacing:.01em;box-shadow:var(--glow-primary);transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px #5b8cff66,0 12px 40px #5b8cff66}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.bundle-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.bundle-card:hover{transform:translateY(-6px);border-color:#5b8cff80;box-shadow:var(--glow-primary),var(--glow-soft)}.bundle-card-image{width:100%;height:130px;object-fit:cover;display:block;transition:transform .4s ease}.bundle-card:hover .bundle-card-image{transform:scale(1.06)}.bundle-card-body{padding:18px}.bundle-card-body h3{margin:0 0 6px;font-size:17px}.bundle-card-price{font-weight:700;font-size:15px;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:10px}.bundle-banner{width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius);margin-bottom:24px;border:1px solid var(--border)}.ott-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px}.ott-logo-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);height:78px;display:flex;align-items:center;justify-content:center;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ott-logo-tile:hover{transform:translateY(-3px);border-color:#22d3ee80;box-shadow:0 0 24px #22d3ee2e}.ott-logo-tile img{max-width:100%;max-height:100%}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{text-align:left;padding:0 14px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.table td{text-align:left;padding:14px;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.table tr td:first-child{border-left:1px solid var(--border);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.table tr td:last-child{border-right:1px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.table tr:hover td{border-color:#5b8cff66;background:#5b8cff0f}.strikethrough{text-decoration:line-through;color:var(--muted)}.storefront-footer{padding:28px 24px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:14px}@media (max-width: 600px){.storefront-header{flex-direction:column;align-items:flex-start;padding:14px 20px}.hero{padding:56px 20px}.hero h1{font-size:30px}}.auth-screen{min-height:60vh;display:flex;align-items:center;justify-content:center}.auth-card,.account-form{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:36px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--glow-soft);animation:fadeInUp .4s ease both}.auth-card:before,.account-form:before{content:"";position:absolute;top:0;left:18px;right:18px;height:2px;background:var(--gradient-brand);border-radius:0 0 4px 4px}.auth-card h1,.account-form h1{font-size:24px;margin-bottom:4px}.auth-card label,.account-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}input{background:#ffffff08;border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);padding:11px 13px;font:inherit;transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #5b8cff2e}input:disabled{opacity:.5}button{background:var(--gradient-brand);color:#05060b;border:none;border-radius:var(--radius-sm);padding:11px 18px;cursor:pointer;font:inherit;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-primary)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.link-button{background:none;color:var(--accent);padding:0;font-weight:500;width:fit-content;transition:color .15s ease}.link-button:hover:not(:disabled){color:var(--brand-primary);transform:none;box-shadow:none}.dev-otp-hint{background:#22d3ee14;border:1px dashed rgba(34,211,238,.5);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px}.notice{position:relative;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand-primary);border-radius:var(--radius-sm);padding:14px 18px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s ease}.card:hover{border-color:var(--border-strong)}.order-header{display:flex;justify-content:space-between;align-items:center}.order-items{padding-left:18px;margin:12px 0;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.status-created,.status-payment_pending{background:#8b93a926;color:var(--muted)}.status-cancelled,.status-failed,.status-payment_failed{background:#fb55681f;color:var(--danger)}.status-completed,.status-payment_success,.status-active{background:#34d3991f;color:var(--success)}