:root{--bp-mobile:320px;--bp-mobile-lg:480px;--bp-tablet:768px;--bp-desktop:1024px;--bp-desktop-lg:1440px;--bp-desktop-xl:1920px;--color-bg-primary:#000000;--color-bg-secondary:#0a0a0a;--color-bg-tertiary:#111111;--color-bg-elevated:#1a1a1a;--color-text-primary:rgba(255,255,255,0.95);--color-text-secondary:rgba(255,255,255,0.7);--color-text-tertiary:rgba(255,255,255,0.5);--color-text-disabled:rgba(255,255,255,0.3);--color-border-primary:rgba(255,255,255,0.1);--color-border-secondary:rgba(255,255,255,0.08);--color-border-tertiary:rgba(255,255,255,0.05);--color-brand-purple:#8b5cf6;--color-brand-blue:#3b82f6;--color-brand-green:#10b981;--color-brand-red:#ef4444;--color-brand-amber:#f59e0b;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-dark:linear-gradient(135deg,#000000,#0a0a0a 25%,#111111 50%,#0a0a0a 75%,#000000);--gradient-glass:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--text-6xl:4rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-glow:0 0 40px rgba(139,92,246,0.3);--transition-fast:150ms ease;--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}@media (max-width:768px){:root{--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-lg:1.0625rem;--text-xl:1.1875rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.125rem;--text-5xl:2.5rem;--text-6xl:3rem;--space-xs:0.25rem;--space-sm:0.375rem;--space-md:0.75rem;--space-lg:1.125rem;--space-xl:1.5rem;--space-2xl:2.25rem;--space-3xl:3rem;--space-4xl:4.5rem}}@media (max-width:480px){:root{--text-xs:0.6875rem;--text-sm:0.75rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--text-5xl:2.25rem;--text-6xl:2.5rem;--space-xs:0.125rem;--space-sm:0.25rem;--space-md:0.5rem;--space-lg:0.75rem;--space-xl:1rem;--space-2xl:1.5rem;--space-3xl:2rem;--space-4xl:3rem}}.container{width:100%;margin:0 auto;padding:0 var(--space-lg)}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:768px){.mobile-only{display:none!important}}@media (max-width:767px){.tablet-only{display:none!important}}@media (min-width:1024px){.tablet-only{display:none!important}}@media (max-width:1023px){.desktop-only{display:none!important}}@media (max-width:768px){.mobile-text-left{text-align:left!important}.mobile-text-center{text-align:center!important}.mobile-text-right{text-align:right!important}.mobile-flex-row{flex-direction:row!important}.mobile-flex-col{flex-direction:column!important}.mobile-grid-cols-1{grid-template-columns:repeat(1,1fr)!important}.mobile-grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.mobile-p-0{padding:0!important}.mobile-p-sm{padding:var(--space-sm)!important}.mobile-p-md{padding:var(--space-md)!important}.mobile-p-lg{padding:var(--space-lg)!important}.mobile-m-0{margin:0!important}.mobile-m-sm{margin:var(--space-sm)!important}.mobile-m-md{margin:var(--space-md)!important}.mobile-m-lg{margin:var(--space-lg)!important}.mobile-mx-auto{margin-left:auto!important;margin-right:auto!important}.mobile-my-auto{margin-top:auto!important;margin-bottom:auto!important}.mobile-w-full{width:100%!important}.mobile-w-auto{width:auto!important}}.gap-sm{gap:var(--space-sm)!important}.gap-md{gap:var(--space-md)!important}.gap-lg{gap:var(--space-lg)!important}.gap-xl{gap:var(--space-xl)!important}@media (max-width:768px){.mobile-gap-sm{gap:var(--space-sm)!important}.mobile-gap-md{gap:var(--space-md)!important}.mobile-gap-lg{gap:var(--space-lg)!important}.mobile-stack{display:flex!important;flex-direction:column!important}.mobile-stack,.mobile-stack>*{width:100%!important}}@supports (padding:max(0px)){.safe-padding-top{padding-top:max(var(--space-lg),env(safe-area-inset-top))}.safe-padding-bottom{padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom))}.safe-padding-left{padding-left:max(var(--space-lg),env(safe-area-inset-left))}.safe-padding-right{padding-right:max(var(--space-lg),env(safe-area-inset-right))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;text-decoration:none}.btn.sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);gap:var(--space-xs)}.btn.lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg);gap:var(--space-sm)}.btn.xl{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-xl);gap:var(--space-md)}.btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;box-shadow:0 4px 16px rgba(139,92,246,.3)}.btn.primary:hover{background:linear-gradient(135deg,#9333ea,#8b5cf6);box-shadow:0 8px 24px rgba(139,92,246,.4);transform:translateY(-2px)}.btn.primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(139,92,246,.3)}.btn.secondary{background:rgba(255,255,255,.05);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn.secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.btn.success{background:linear-gradient(135deg,#10b981,#059669);color:white;box-shadow:0 4px 16px rgba(16,185,129,.3)}.btn.success:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 8px 24px rgba(16,185,129,.4);transform:translateY(-2px)}.btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;box-shadow:0 4px 16px rgba(239,68,68,.3)}.btn.danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 8px 24px rgba(239,68,68,.4);transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--color-text-secondary);border:none;box-shadow:none}.btn.ghost:hover{background:rgba(255,255,255,.05);color:var(--color-text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn.loading{color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border-radius:50%;border:2px solid white;border-top-color:transparent;animation:btnSpin .8s linear infinite}@keyframes btnSpin{to{transform:rotate(1turn)}}.btn svg{width:20px;height:20px}.btn.sm svg{width:16px;height:16px}.btn.lg svg{width:24px;height:24px}@media (max-width:480px){.btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.btn.sm{padding:6px var(--space-sm);font-size:var(--text-xs)}.btn.lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.btn.xl{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg)}.btn.fullWidthMobile{width:100%}@media (hover:none){.btn:hover{transform:none}}}@media (max-width:360px){.btn{padding:8px 12px;font-size:13px}.btn svg{width:16px;height:16px}}.stepSection{margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--gradient-glass);border:1px solid var(--color-border-secondary);border-radius:var(--radius-2xl);transition:all var(--transition-base);display:flex;flex-direction:column;align-items:stretch}.stepSection:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.3);box-shadow:0 12px 48px rgba(0,0,0,.2)}.stepHeader{gap:var(--space-md);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-lg);letter-spacing:-.5px}.stepHeader,.stepNumber{display:flex;align-items:center;font-weight:var(--font-bold)}.stepNumber{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;justify-content:center;font-size:var(--text-lg)}.stepNumber.completed{background:linear-gradient(135deg,#10b981,#059669)}.stepContent{flex:1}@media (max-width:768px){.stepSection{padding:var(--space-lg);margin-bottom:var(--space-xl);border-radius:var(--radius-xl)}.stepHeader{font-size:var(--text-xl);gap:var(--space-sm);margin-bottom:var(--space-md)}.stepNumber{width:32px;height:32px;font-size:var(--text-base)}}@media (max-width:480px){.stepSection{padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:var(--radius-lg);margin-left:-var(--space-sm);margin-right:-var(--space-sm)}.stepSection:hover{transform:none}.stepHeader{font-size:var(--text-lg);flex-wrap:wrap}.stepNumber{width:28px;height:28px;font-size:var(--text-sm)}}.mainPanel{max-width:900px;margin:0 auto;padding:var(--space-2xl);background:rgba(255,255,255,.02);backdrop-filter:blur(24px) saturate(120%);border:1px solid rgba(255,255,255,.08);border-radius:32px;box-shadow:0 20px 80px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.1);position:relative;overflow:hidden}.mainPanel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent)}.mainPanel:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.05) 0,transparent 70%);pointer-events:none}@media (max-width:768px){.mainPanel{max-width:100%;margin:0 var(--space-md);padding:var(--space-xl);border-radius:24px}}@media (max-width:480px){.mainPanel{margin:0 var(--space-sm);padding:var(--space-lg);border-radius:20px;backdrop-filter:blur(12px) saturate(110%);box-shadow:0 10px 40px rgba(0,0,0,.3)}.mainPanel:after{display:none}}@media (max-width:360px){.mainPanel{margin:0;padding:var(--space-md);border-radius:16px;border-left:none;border-right:none}}