:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--bg: #030712;--bg-soft: #0b1121;--bg-elevated: rgba(13, 18, 35, .85);--bg-card: rgba(17, 24, 39, .6);--bg-glass: rgba(17, 24, 39, .4);--bg-glass-light: rgba(17, 24, 39, .25);--text: #f9fafb;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-disabled: #6b7280;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-hover: rgba(99, 102, 241, .5);--border-glow: rgba(99, 102, 241, .25);--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--primary-glow: rgba(99, 102, 241, .45);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--primary-gradient-hover: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);--accent: #818cf8;--success: #10b981;--success-glow: rgba(16, 185, 129, .3);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .3);--error: #ef4444;--error-glow: rgba(239, 68, 68, .3);--info: #3b82f6;--info-glow: rgba(59, 130, 246, .3);--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--glass-blur: blur(20px);--glass-blur-strong: blur(40px);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px -10px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 60px -15px rgba(0, 0, 0, .6), 0 8px 20px -8px rgba(0, 0, 0, .3);--shadow-2xl: 0 30px 80px -20px rgba(0, 0, 0, .7), 0 10px 30px -10px rgba(0, 0, 0, .4);--shadow-primary: 0 0 40px -8px rgba(99, 102, 241, .4);--shadow-primary-lg: 0 0 60px -12px rgba(99, 102, 241, .5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--fx-glow: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, .08), transparent 70%);--fx-glow-strong: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, .15), transparent 60%);--fx-grid: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .015) 1px, transparent 0);--fx-gradient-mesh: radial-gradient(circle at 15% 50%, rgba(59, 130, 246, .08), transparent 50%), radial-gradient(circle at 85% 30%, rgba(99, 102, 241, .1), transparent 50%), radial-gradient(circle at 50% 80%, rgba(139, 92, 246, .08), transparent 50%);--t-fast: .15s;--t-med: .25s;--t-slow: .4s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--blob-opacity: .15;--blob-1: radial-gradient(900px circle at 10% 15%, rgba(59, 130, 246, var(--blob-opacity)), transparent 60%);--blob-2: radial-gradient(800px circle at 90% 25%, rgba(99, 102, 241, var(--blob-opacity)), transparent 55%);--blob-3: radial-gradient(1100px circle at 50% 90%, rgba(139, 92, 246, var(--blob-opacity)), transparent 65%)}html[data-theme=light]{--bg: #ffffff;--bg-soft: #f8fafc;--bg-elevated: rgba(255, 255, 255, .95);--bg-card: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .7);--bg-glass-light: rgba(255, 255, 255, .5);--text: #0f172a;--text-primary: #020617;--text-secondary: #334155;--text-muted: #64748b;--text-disabled: #94a3b8;--border: rgba(2, 6, 23, .08);--border-light: rgba(2, 6, 23, .05);--border-hover: rgba(79, 70, 229, .3);--border-glow: rgba(79, 70, 229, .15);--primary: #4f46e5;--primary-light: #6366f1;--primary-dark: #4338ca;--primary-glow: rgba(79, 70, 229, .35);--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);--primary-gradient-hover: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--accent: #6366f1;--glass-bg: rgba(248, 250, 252, .5);--glass-bg-hover: rgba(241, 245, 249, .7);--glass-border: rgba(2, 6, 23, .1);--glass-shadow: 0 8px 32px 0 rgba(2, 6, 23, .08);--shadow-xs: 0 1px 2px 0 rgba(2, 6, 23, .04);--shadow-sm: 0 2px 4px 0 rgba(2, 6, 23, .06);--shadow-md: 0 4px 8px -1px rgba(2, 6, 23, .1), 0 2px 4px -1px rgba(2, 6, 23, .06);--shadow-lg: 0 10px 40px -10px rgba(2, 6, 23, .15), 0 4px 6px -4px rgba(2, 6, 23, .1);--shadow-xl: 0 20px 60px -15px rgba(2, 6, 23, .2), 0 8px 20px -8px rgba(2, 6, 23, .1);--shadow-2xl: 0 30px 80px -20px rgba(2, 6, 23, .25), 0 10px 30px -10px rgba(2, 6, 23, .15);--shadow-primary: 0 0 40px -8px rgba(79, 70, 229, .3);--shadow-primary-lg: 0 0 60px -12px rgba(79, 70, 229, .4);--shadow-inner: inset 0 2px 4px 0 rgba(2, 6, 23, .06);--fx-glow: radial-gradient(circle at 50% 50%, rgba(79, 70, 229, .06), transparent 75%);--fx-glow-strong: radial-gradient(circle at 50% 50%, rgba(79, 70, 229, .12), transparent 65%);--fx-grid: radial-gradient(circle at 1px 1px, rgba(2, 6, 23, .03) 1px, transparent 0);--fx-gradient-mesh: radial-gradient(circle at 15% 50%, rgba(59, 130, 246, .06), transparent 50%), radial-gradient(circle at 85% 30%, rgba(79, 70, 229, .08), transparent 50%), radial-gradient(circle at 50% 80%, rgba(139, 92, 246, .06), transparent 50%);--blob-opacity: .1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh;transition:background-color var(--t-slow) var(--ease-in-out),color var(--t-slow) var(--ease-in-out);line-height:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1px circle at 10% 10%,rgba(99,102,241,.08) 1px,transparent 0),radial-gradient(1px circle at 20% 20%,rgba(99,102,241,.06) 1px,transparent 0),radial-gradient(1px circle at 30% 30%,rgba(99,102,241,.04) 1px,transparent 0),radial-gradient(1px circle at 40% 40%,rgba(99,102,241,.05) 1px,transparent 0),radial-gradient(1px circle at 50% 50%,rgba(99,102,241,.07) 1px,transparent 0),radial-gradient(1px circle at 60% 60%,rgba(99,102,241,.03) 1px,transparent 0),radial-gradient(1px circle at 70% 70%,rgba(99,102,241,.06) 1px,transparent 0),radial-gradient(1px circle at 80% 80%,rgba(99,102,241,.04) 1px,transparent 0),radial-gradient(1px circle at 90% 90%,rgba(99,102,241,.05) 1px,transparent 0);background-size:60px 60px,80px 80px,100px 100px,70px 70px,90px 90px,110px 110px,50px 50px,120px 120px,40px 40px;z-index:-2;pointer-events:none;opacity:.6;animation:particleFloat 60s linear infinite}@keyframes particleFloat{0%{transform:translateY(0) translate(0)}to{transform:translateY(-60px) translate(-60px)}}body:after{content:"";position:fixed;top:-300px;right:-300px;bottom:-300px;left:-300px;background:radial-gradient(1000px circle at 15% 20%,rgba(59,130,246,.12),transparent 60%),radial-gradient(900px circle at 85% 30%,rgba(99,102,241,.1),transparent 55%),radial-gradient(1200px circle at 50% 85%,rgba(139,92,246,.09),transparent 65%);background-size:100% 100%;z-index:-1;pointer-events:none;opacity:1;filter:blur(100px);animation:blobFloat 30s ease-in-out infinite}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(4%,3%) scale(1.05)}66%{transform:translate(-3%,4%) scale(.98)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--border),var(--muted));border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box;transition:background var(--t-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary),var(--primary-dark))}::-webkit-scrollbar-corner{background:transparent}::selection{background:var(--primary);color:#fff}::-moz-selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}@media (max-width: 768px){.container{padding:0 var(--space-4)}}.headerWrap{position:fixed;top:0;left:0;right:0;height:72px;z-index:1000;background:var(--bg-elevated);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);border-bottom:1px solid var(--border);transition:all var(--t-med) var(--ease-in-out);box-shadow:var(--shadow-sm)}.headerWrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--glass-bg),transparent);pointer-events:none}.headerCheckout{position:relative;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.headerInner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}.headerNavGroup{display:flex;align-items:center;gap:var(--space-2)}.headerActions{display:flex;align-items:center;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:20px;text-decoration:none;color:var(--text-primary);transition:all var(--t-fast) var(--ease-spring);position:relative}.brand:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-md);background:radial-gradient(circle at center,var(--border-glow),transparent 70%);opacity:0;transition:opacity var(--t-fast);pointer-events:none}.brand:hover{opacity:.9;transform:scale(1.03)}.brand:hover:before{opacity:1}.brandLogo{width:28px;height:28px;transition:transform var(--t-fast) var(--ease-spring)}.brand:hover .brandLogo{transform:scale(1.1) rotate(10deg)}.nav{display:flex;align-items:center;gap:var(--space-1)}.navLink{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--t-fast) var(--ease-in-out);font-size:14px;position:relative;display:inline-flex;align-items:center;gap:var(--space-1)}.navLink:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--t-med) var(--ease-spring);opacity:0}.navLink:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.navLink:hover:before{width:60%;opacity:1}.navLinkActive{color:var(--primary);background:var(--glass-bg)}.navLinkActive:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--primary-gradient);border-radius:var(--radius-full);opacity:1}@media (max-width: 768px){.nav{display:none}}.userMenuWrap{position:relative}.userMenuButton{border:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t-med) var(--ease-spring);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.userMenuButton:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--border-glow),transparent 70%);opacity:0;transition:opacity var(--t-fast)}.userMenuButton:hover{border-color:var(--primary);background:var(--glass-bg-hover);transform:scale(1.05) translateY(-1px);box-shadow:0 0 0 4px var(--border-glow),var(--shadow-md)}.userMenuButton:hover:before{opacity:1}.userAvatar{width:34px;height:34px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;background:var(--primary-gradient);box-shadow:0 4px 12px var(--primary-glow);transition:transform var(--t-fast) var(--ease-spring)}.userMenuButton:hover .userAvatar{transform:scale(1.08) rotate(5deg)}.userAvatarGuest{background:linear-gradient(135deg,#94a3b8e6,#64748be6);box-shadow:0 4px 12px #94a3b84d}.userMenuPanel{position:absolute;top:calc(100% + 12px);right:0;width:240px;background:var(--bg-elevated);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;z-index:1200;transform-origin:top right;animation:menuShow var(--t-med) var(--ease-spring)}@keyframes menuShow{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.userMenuHeader{padding:var(--space-4);border-bottom:1px solid var(--border-light);background:var(--glass-bg)}.userMenuName{font-weight:700;font-size:14px;color:var(--text-primary)}.userMenuMeta{margin-top:var(--space-1);display:flex;flex-direction:column;gap:2px;color:var(--text-muted);font-size:12px}.userMenuEmail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userMenuDivider{height:1px;background:var(--border)}.userMenuItem{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all var(--t-fast) var(--ease-in-out);border:none;background:transparent;cursor:pointer;position:relative;overflow:hidden}.userMenuItem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-gradient);transform:scaleY(0);transition:transform var(--t-fast) var(--ease-spring)}.userMenuItem:hover{background:var(--glass-bg-hover);color:var(--primary);padding-left:var(--space-5)}.userMenuItem:hover:before{transform:scaleY(1)}.userMenuItem:hover .userMenuIcon{color:var(--primary);transform:translate(4px) scale(1.1)}.userMenuIcon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--t-fast) var(--ease-spring)}.userMenuIcon svg{width:18px;height:18px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);font-weight:600;font-size:14px;transition:all var(--t-med) var(--ease-spring);cursor:pointer;text-decoration:none;border:1px solid transparent;gap:var(--space-2);position:relative;overflow:hidden;letter-spacing:-.01em}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--t-fast);pointer-events:none}.btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--t-slow);pointer-events:none}.btn:hover:before{opacity:1}.btn:hover:after{left:100%}.btn:active{transform:scale(.96);transition:transform var(--t-fast)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btnSmall{padding:var(--space-2) var(--space-4);font-size:13px;border-radius:var(--radius-md)}.btnPrimary{background:var(--primary-gradient);color:#fff!important;box-shadow:var(--shadow-primary);border:1px solid rgba(255,255,255,.1)}.btnPrimary:hover{background:var(--primary-gradient-hover);box-shadow:0 0 50px -5px var(--primary-glow),var(--shadow-lg);transform:translateY(-3px) scale(1.03);border-color:#ffffff26}.btnSecondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary)!important;border:1px solid var(--border);white-space:nowrap;box-shadow:var(--shadow-sm)}.btnSecondary:hover{background:var(--glass-bg-hover);border-color:var(--border-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md),var(--shadow-primary)}.card{background:var(--bg-card);backdrop-filter:var(--glass-blur) saturate(180%);-webkit-backdrop-filter:var(--glass-blur) saturate(180%);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all .35s var(--ease-spring);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 2px 8px -2px #00000014,0 4px 16px -4px #0000000f;cursor:pointer}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%,rgba(0,0,0,.02) 100%);pointer-events:none;opacity:.6;transition:opacity .35s var(--ease-spring)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 0%,var(--primary-glow) 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s var(--ease-spring);pointer-events:none}.card:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 4px 16px -4px #00000026,0 0 20px -4px var(--primary-glow)}.card:hover:before{opacity:1;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 40%,rgba(0,0,0,.03) 100%)}.card:hover:after{opacity:.6}.cardNoHover:hover{transform:none;box-shadow:0 2px 8px -2px #00000014,0 4px 16px -4px #0000000f;border-color:var(--border)}.cardNoHover:hover:before{opacity:.6}.cardNoHover:hover:after{opacity:0}.cardFeatured{border-color:color-mix(in srgb,var(--primary) 40%,transparent);background:var(--bg-soft);box-shadow:0 0 30px -8px var(--primary-glow),0 4px 16px -4px #0000001a}.cardFeatured:hover{border-color:var(--primary);box-shadow:0 6px 20px -6px #0003,0 0 30px -6px var(--primary-glow)}.cardIcon{font-size:28px;margin-bottom:var(--space-4);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--border);transition:all var(--t-med) var(--ease-spring)}.card:hover .cardIcon{background:var(--primary-gradient);border-color:var(--primary);transform:scale(1.15) rotate(-5deg);box-shadow:0 8px 24px -4px var(--primary-glow);color:#fff}.cardTitle{font-size:18px;font-weight:700;margin-bottom:var(--space-3);color:var(--text-primary);letter-spacing:-.02em;transition:color var(--t-fast)}.card:hover .cardTitle{color:var(--primary-light)}.cardDesc{font-size:14px;color:var(--text-muted);line-height:1.7;flex:1}.heroWrap{padding:var(--space-24) 0 var(--space-20);text-align:center;position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center}.heroWrap:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:60%;background:radial-gradient(ellipse at center,var(--border-glow),transparent 70%);pointer-events:none;opacity:.5}.heroTitle{font-size:clamp(42px,8vw,72px);font-weight:900;line-height:1.05;letter-spacing:-.05em;margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 50%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.heroDesc{font-size:clamp(18px,2.5vw,24px);color:var(--text-secondary);max-width:700px;margin:0 auto var(--space-12);line-height:1.7;font-weight:300;position:relative;z-index:1}.heroVisual{margin:0 auto var(--space-12);max-width:900px;position:relative;z-index:1}.btnRow{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;position:relative;z-index:1}.section{padding:var(--space-24) 0;position:relative}.checkoutSection{padding-top:var(--space-20);min-height:800px}.sectionTitle{font-size:clamp(32px,5vw,48px);font-weight:800;margin-bottom:var(--space-12);text-align:center;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pageTitle{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:var(--space-8);text-align:center;letter-spacing:-.02em;color:var(--text-primary)}.sectionDesc{text-align:center;color:var(--text-secondary);max-width:650px;margin:0 auto var(--space-12);font-size:18px;line-height:1.7;font-weight:300}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8)}.grid3Fixed{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1024px){.grid3Fixed{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid3Fixed{grid-template-columns:1fr}}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media (max-width: 768px){.grid2{grid-template-columns:1fr}}.authShell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);position:relative;overflow:hidden}.authShell:before{content:"";position:absolute;top:-300px;right:-300px;bottom:-300px;left:-300px;background:radial-gradient(900px circle at 20% 20%,rgba(59,130,246,.15),transparent 60%),radial-gradient(800px circle at 80% 10%,rgba(99,102,241,.12),transparent 55%),radial-gradient(1100px circle at 50% 90%,rgba(139,92,246,.1),transparent 65%);z-index:-1;pointer-events:none;filter:blur(80px);animation:authGlow 20s ease-in-out infinite}@keyframes authGlow{0%,to{opacity:.6;transform:scale(1) translate(0)}50%{opacity:1;transform:scale(1.05) translate(-2%,-3%)}}.authShell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--glass-bg),transparent 40%,var(--glass-bg-light));z-index:-1;pointer-events:none}.authCard{width:100%;max-width:440px;background:var(--bg-elevated);backdrop-filter:var(--glass-blur) saturate(200%);-webkit-backdrop-filter:var(--glass-blur) saturate(200%);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-6) var(--space-5);box-shadow:var(--shadow-2xl);position:relative;z-index:1;animation:cardAppear var(--t-slow) var(--ease-spring)}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.authLogo{position:fixed;top:var(--space-6);left:var(--space-6);display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:transparent;border:1px solid transparent;box-shadow:none;opacity:.9;transition:all var(--t-fast) var(--ease-spring);z-index:100}.authLogo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--border-glow),transparent 70%);opacity:0;transition:opacity var(--t-fast)}.authLogo:hover{opacity:1;transform:scale(1.03);background:var(--glass-bg-hover);border-color:var(--border)}.authLogo:hover:before{opacity:1}.authLogo .brandLogo{width:26px;height:26px;transition:transform var(--t-fast) var(--ease-spring)}.authLogo:hover .brandLogo{transform:scale(1.1) rotate(10deg)}.authLogo span{font-size:18px;font-weight:700;transition:color var(--t-fast)}.authLogo:hover span{color:var(--primary-light)}.authTitle{font-size:28px;font-weight:850;margin-bottom:var(--space-1);letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.authSubtitle{color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:var(--space-4);font-weight:300}.authCard .formHint{font-size:12px}.authForm,.authStack{display:flex;flex-direction:column;gap:var(--space-4)}.formRow{display:flex;flex-direction:column;gap:var(--space-1)}.inputGroup{display:flex;align-items:center;gap:var(--space-3)}.inputGroup .formInput{flex:1;min-width:0}.formLabel{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.formInput{height:42px;padding:0 var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);font-size:15px;transition:all var(--t-fast) var(--ease-spring);width:100%;box-shadow:var(--shadow-inner)}.passwordInputWrapper .formInput{margin-right:15px}.formInput::placeholder{color:var(--text-disabled)}.formInput:hover{border-color:var(--border-hover);background:var(--glass-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-inner)}.formInput:focus{outline:none;border-color:var(--primary);background:var(--glass-bg-hover);box-shadow:0 0 0 4px var(--border-glow),var(--shadow-inner);transform:translateY(-2px)}.formInputError{border-color:var(--error)!important}.formInputError:focus{box-shadow:0 0 0 3px #ef444426,var(--shadow-inner)!important}.formHint{font-size:12px;color:var(--text-muted);margin-top:var(--space-1);font-weight:400}.formHintError{color:var(--error)}.passwordInputWrapper{position:relative;display:flex;align-items:center}.passwordInputWrapper .formInput{padding-right:48px!important}.passwordToggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--t-fast) var(--ease-spring);width:36px;height:36px}.passwordToggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--border-glow),transparent 60%);opacity:0;transition:opacity var(--t-fast);border-radius:inherit}.passwordToggle:hover{color:var(--text-primary);background:var(--glass-bg-hover);transform:translateY(-50%) scale(1.05)}.passwordToggle:hover:before{opacity:1}.authHelper{display:flex;justify-content:flex-end;margin-top:calc(var(--space-2) * -1)}.authLink{color:var(--primary);text-decoration:none;font-size:14px;font-weight:600;transition:all var(--t-fast) var(--ease-spring);display:inline-flex;align-items:center;gap:var(--space-1);position:relative}.authLink:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--t-fast) var(--ease-spring)}.authLink:hover{color:var(--primary-light);transform:translate(4px)}.authLink:hover:after{width:100%}.formActions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-1)}.authFoot{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);text-align:center}.formError{color:var(--error);font-size:14px;font-weight:500;background:color-mix(in srgb,var(--error) 8%,transparent);border:1px solid color-mix(in srgb,var(--error) 20%,transparent);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}.success-icon{color:var(--success)}.success-icon svg{display:block}.linkPrimary{color:var(--primary);text-decoration:none;font-weight:600;font-size:14px;transition:all var(--t-med) var(--ease-spring);display:inline-flex;align-items:center;gap:var(--space-1);position:relative}.linkPrimary:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--t-med) var(--ease-spring)}.linkPrimary:hover{color:var(--primary-light);transform:translate(6px)}.linkPrimary:hover:after{width:100%}.linkPrimaryBlock{display:inline-flex;margin-top:var(--space-4)}.footerWrap{border-top:1px solid var(--border);background:var(--bg-soft);padding:var(--space-20) 0 var(--space-16);position:relative}.footerWrap:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.footerInner{display:flex;justify-content:space-between;gap:var(--space-12);flex-wrap:wrap}.footerBrand{display:flex;align-items:center;gap:var(--space-3);font-size:20px;font-weight:800;margin-bottom:var(--space-5)}.footerMeta{color:var(--text-muted);font-size:14px;line-height:1.8;max-width:400px}.footerNavTitle{font-weight:700;color:var(--text-primary);font-size:14px;margin-bottom:var(--space-5);display:block;text-transform:uppercase;letter-spacing:.05em}.footerLink{color:var(--text-muted);text-decoration:none;font-size:14px;transition:all var(--t-fast) var(--ease-spring);display:block;padding:var(--space-1) 0;position:relative}.footerLink:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--t-fast) var(--ease-spring);opacity:0}.footerLink:hover{color:var(--primary);transform:translate(8px)}.footerLink:hover:before{width:16px;opacity:1}.footerIcpLink{color:var(--text-muted);text-decoration:none;font-size:14px;transition:all var(--t-fast) var(--ease-spring);position:relative}.footerIcpLink:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--t-fast) var(--ease-spring)}.footerIcpLink:hover{color:var(--primary);text-decoration:none}.footerIcpLink:hover:after{width:100%}.ctaSection{background:var(--bg-soft);border-radius:var(--radius-3xl);margin:var(--space-16) var(--space-6);padding:var(--space-20) var(--space-12);border:1px solid var(--border);position:relative;overflow:hidden;box-shadow:var(--shadow-xl)}.ctaSection:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,var(--border-glow),transparent 60%);pointer-events:none}.ctaSection:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.pricingBadge{position:absolute;top:calc(var(--space-4) * -1);left:50%;transform:translate(-50%);background:var(--primary-gradient);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:13px;font-weight:700;box-shadow:var(--shadow-primary);white-space:nowrap;letter-spacing:.02em}.priceDisplay{display:flex;align-items:baseline;gap:var(--space-2);margin:var(--space-6) 0}.priceValue{font-size:56px;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.priceSuffix{font-size:14px;color:var(--text-muted);font-weight:500}.featureList{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.featureItem{display:flex;align-items:center;gap:var(--space-3);font-size:16px;color:var(--text-secondary)}.featureIcon{color:var(--primary);font-size:20px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.appMain{padding-top:72px;min-height:100vh}.appMainCheckout{padding-top:0}.ordersSection{padding-top:var(--space-8)}.ordersTableScroll{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-soft)}.themeToggle{color:var(--text-muted);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-fast) var(--ease-spring);position:relative;overflow:hidden}.themeToggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--border-glow),transparent 60%);opacity:0;transition:opacity var(--t-fast)}.themeToggle:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--border-hover);transform:scale(1.08) rotate(20deg);box-shadow:0 4px 12px -2px var(--border-glow)}.themeToggle:hover:before{opacity:1}.themeToggle:active{transform:scale(.95) rotate(0)}@media (max-width: 1024px){.heroTitle{font-size:clamp(36px,7vw,56px)}.heroDesc{font-size:clamp(16px,2vw,20px)}.grid3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.heroWrap{padding:var(--space-16) 0 var(--space-12);min-height:auto}.heroTitle{font-size:clamp(32px,8vw,48px)}.section{padding:var(--space-16) 0}.ctaSection{margin:var(--space-8) var(--space-4);padding:var(--space-12) var(--space-6)}.authCard{padding:var(--space-6)}.formActions{grid-template-columns:1fr}}@media (max-width: 480px){.btnRow{flex-direction:column;align-items:stretch}.btn{width:100%}}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn var(--t-med) var(--ease-out)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modalContent{background:var(--bg-elevated);backdrop-filter:var(--glass-blur) saturate(200%);-webkit-backdrop-filter:var(--glass-blur) saturate(200%);border:1px solid var(--border);border-radius:var(--radius-2xl);width:90%;max-width:420px;box-shadow:var(--shadow-2xl);overflow:hidden;animation:modalSlideUp var(--t-slow) var(--ease-spring)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);background:var(--glass-bg)}.modalHeader h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.modalCloseBtn{background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--t-fast) var(--ease-spring);position:relative;overflow:hidden}.modalCloseBtn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--border-glow),transparent 60%);opacity:0;transition:opacity var(--t-fast)}.modalCloseBtn:hover{color:var(--text-primary);background:var(--primary);border-color:var(--primary);transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px -2px var(--primary-glow)}.modalCloseBtn:hover:before{opacity:1}.modalBody{padding:var(--space-6)}.modalForm{display:flex;flex-direction:column;gap:var(--space-4)}.formGroup{display:flex;flex-direction:column;gap:var(--space-2)}.formGroup label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.formGroup input,.formGroup select{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);font-size:16px;outline:none;transition:all var(--t-fast) var(--ease-spring);box-shadow:var(--shadow-inner)}.formGroup input::placeholder{color:var(--text-disabled)}.formGroup input:focus,.formGroup select:focus{border-color:var(--primary);background:var(--glass-bg-hover);box-shadow:0 0 0 4px var(--border-glow),var(--shadow-inner);transform:translateY(-1px)}.formActions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.btn-secondary{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--t-fast) var(--ease-spring)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--border-hover);transform:translateY(-2px)}.btn-primary{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;background:var(--primary-gradient);color:#fff;cursor:pointer;font-size:14px;font-weight:600;box-shadow:var(--shadow-primary);transition:all var(--t-fast) var(--ease-spring)}.btn-primary:hover{background:var(--primary-gradient-hover);box-shadow:0 0 30px -8px var(--primary-glow);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.formError{color:var(--error);font-size:14px;font-weight:500;background:color-mix(in srgb,var(--error) 8%,transparent);border:1px solid color-mix(in srgb,var(--error) 20%,transparent);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.toastContainer{position:fixed;top:calc(72px + var(--space-4));right:var(--space-6);z-index:1100;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{min-width:320px;max-width:480px;background:var(--bg-elevated);backdrop-filter:var(--glass-blur) saturate(200%);-webkit-backdrop-filter:var(--glass-blur) saturate(200%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);animation:toastSlideIn var(--t-med) var(--ease-spring);pointer-events:auto;overflow:hidden;position:relative}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-gradient)}.toast.success:before{background:linear-gradient(180deg,var(--success),color-mix(in srgb,var(--success) 85%,black))}.toast.error:before{background:linear-gradient(180deg,var(--error),color-mix(in srgb,var(--error) 85%,black))}.toast.warning:before{background:linear-gradient(180deg,var(--warning),color-mix(in srgb,var(--warning) 85%,black))}.toast.info:before{background:linear-gradient(180deg,var(--info),color-mix(in srgb,var(--info) 85%,black))}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.toastIcon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast.success .toastIcon{color:var(--success)}.toast.error .toastIcon{color:var(--error)}.toast.warning .toastIcon{color:var(--warning)}.toast.info .toastIcon{color:var(--info)}.toastMessage{flex:1;font-size:14px;color:var(--text-primary);font-weight:500;line-height:1.5}.toastClose{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--t-fast) var(--ease-spring);display:flex;align-items:center;justify-content:center;position:relative}.toastClose:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--border-glow),transparent 60%);opacity:0;transition:opacity var(--t-fast);border-radius:inherit}.toastClose:hover{color:var(--text-primary);background:var(--glass-bg-hover);transform:scale(1.1)}.toastClose:hover:before{opacity:1}@media (max-width: 768px){.toastContainer{top:auto;bottom:var(--space-6);right:var(--space-4);left:var(--space-4)}.toast{min-width:auto;max-width:none}}