.pb-safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.mb-safe-area-inset-bottom{margin-bottom:env(safe-area-inset-bottom,0)}.scroll-mt-header{scroll-margin-top:var(--header-height,4rem)}@media (max-width:1023px){.scroll-mt-header{scroll-margin-top:var(--header-height-mobile,3.5rem)}}.pb-bottom-toolbar{padding-bottom:calc(4rem + env(safe-area-inset-bottom, 0))}@media (min-width:1024px){.pb-bottom-toolbar{padding-bottom:0}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-toolbar-fade{position:relative;&:before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.8));pointer-events:none}}.touch-optimized{min-height:44px;min-width:44px;@media (pointer:coarse){min-height:48px;min-width:48px}}.will-change-auto{will-change:auto}@media (min-width:1024px){.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}}@media (prefers-contrast:high){.bottom-toolbar-tab{border:2px solid!important}.bottom-toolbar-tab[aria-selected=true]{background:currentColor!important;color:white!important}}.focus-visible-ring{&:focus-visible{outline:2px solid var(--qr2go-purple-500,#8b5cf6);outline-offset:2px;border-radius:.375rem}}.tab-switch-enter{opacity:0;transform:translateY(10px)}.tab-switch-enter-active{transition:opacity .2s ease-out,transform .2s ease-out}.tab-switch-enter-active,.tab-switch-exit{opacity:1;transform:translateY(0)}.tab-switch-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .15s ease-in,transform .15s ease-in}@keyframes pulse-success{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.success-pulse{animation:pulse-success 1.5s ease-in-out infinite}.haptic-feedback{transform:scale(.95);transition:transform .1s ease-out}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin-slow 1s linear infinite}.tab-indicator{position:relative;overflow:hidden}.tab-indicator:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out}.tab-indicator.active:after{transform:scaleX(1)}.text-responsive-sm{font-size:clamp(.75rem,2vw,.875rem)}.text-responsive-base{font-size:clamp(.875rem,2.5vw,1rem)}.text-responsive-lg{font-size:clamp(1rem,3vw,1.125rem)}@media (prefers-color-scheme:dark){.bottom-toolbar-dark{background:rgba(0,0,0,.95);border-color:rgba(255,255,255,.1)}.tab-dark{color:rgba(255,255,255,.7)}.tab-dark.active{color:white}}:root{--header-height:clamp(64px,5vh,72px);--header-height-mobile:clamp(56px,4.5vh,64px);--container-max:1280px;--content-max:1200px;--z-base:0;--z-sticky:10;--z-floating:40;--z-backdrop:50;--z-dropdown:60;--z-header:70;--z-modal:80;--z-toast:90;--sp-1:clamp(0.25rem,0.5vw,0.375rem);--sp-2:clamp(0.5rem,1vw,0.75rem);--sp-3:clamp(0.75rem,1.5vw,1rem);--sp-4:clamp(1rem,2vw,1.25rem);--sp-5:clamp(1.25rem,2.5vw,1.5rem);--sp-6:clamp(1.5rem,3vw,2rem);--sp-8:clamp(2rem,4vw,2.5rem);--sp-10:clamp(2.5rem,5vw,3rem);--sp-12:clamp(3rem,6vw,4rem);--sp-16:clamp(4rem,8vw,5rem);--bg-base:255 255 255;--bg-subtle:250 250 250;--bg-muted:245 245 245;--text-primary:15 23 42;--text-secondary:71 85 105;--text-tertiary:148 163 184;--border-subtle:250 250 250;--border-default:229 231 235;--border-strong:209 213 219;--brand-primary:147 51 234;--brand-secondary:37 99 235;--brand-accent:124 58 237;--brand-light:243 232 255;--brand-dark:88 28 135;--brand-purple:var(--brand-primary);--brand-blue:var(--brand-secondary);--success:22 163 74;--warning:37 99 235;--warning-soft:239 246 255;--error:220 38 38;--info:37 99 235;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--spring:cubic-bezier(0.68,-0.55,0.265,1.55);--spring-gentle:cubic-bezier(0.25,0.46,0.45,0.94);--touch-min:44px;--touch-comfortable:48px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"Fira Code",ui-monospace,monospace;--text-xs:clamp(0.75rem,0.8vw,0.875rem);--text-sm:clamp(0.875rem,1vw,1rem);--text-base:clamp(1rem,1.2vw,1.125rem);--text-lg:clamp(1.125rem,1.4vw,1.25rem);--text-xl:clamp(1.25rem,1.6vw,1.5rem);--text-2xl:clamp(1.5rem,2vw,1.875rem);--text-3xl:clamp(1.875rem,2.5vw,2.25rem);--text-4xl:clamp(2.25rem,3vw,3rem);--text-5xl:clamp(3rem,4vw,4rem);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75}.dark{--bg-base:13 17 23;--bg-subtle:22 27 34;--bg-muted:33 38 45;--text-primary:201 209 217;--text-secondary:139 148 158;--text-tertiary:110 118 129;--border-subtle:33 38 45;--border-default:48 54 61;--border-strong:68 76 86;--brand-primary:147 51 234;--brand-secondary:37 99 235;--brand-accent:124 58 237;--brand-light:68 76 86;--brand-dark:201 209 217;--brand-purple:var(--brand-primary);--brand-blue:var(--brand-secondary);--warning:37 99 235;--warning-soft:33 38 45;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.3);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.4);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.5);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.6)}@custom-media --mobile (max-width: 639px);@custom-media --tablet (min-width: 640px) and (max-width: 1023px);@custom-media --desktop (min-width: 1024px);@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms;--transition-slow:0ms;--spring:cubic-bezier(0.25,0.46,0.45,0.94)}}@media (prefers-contrast:high){:root{--border-default:0 0 0;--brand-primary:147 51 234}.dark{--border-default:255 255 255;--brand-primary:147 51 234}}.bg-base{background-color:rgb(var(--bg-base))}.bg-subtle{background-color:rgb(var(--bg-subtle))}.bg-muted{background-color:rgb(var(--bg-muted))}.text-primary{color:rgb(var(--text-primary))}.text-secondary{color:rgb(var(--text-secondary))}.text-tertiary{color:rgb(var(--text-tertiary))}.border-subtle{border-color:rgb(var(--border-subtle))}.border-default{border-color:rgb(var(--border-default))}.border-strong{border-color:rgb(var(--border-strong))}.bg-brand-primary{background-color:rgb(var(--brand-primary))}.bg-brand-secondary{background-color:rgb(var(--brand-secondary))}.text-brand-primary{color:rgb(var(--brand-primary))}.text-brand-secondary{color:rgb(var(--brand-secondary))}.border-brand-primary{border-color:rgb(var(--brand-primary))}.bg-token-warning{background-color:rgb(var(--warning))}.bg-token-warning-soft{background-color:rgb(var(--warning-soft))}.text-token-warning{color:rgb(var(--warning))}.border-token-warning{border-color:rgb(var(--warning))}.gradient-brand-legacy,.text-gradient-brand{background:linear-gradient(135deg,rgb(var(--brand-purple)) 0,rgb(var(--brand-blue)) 100%)}.text-gradient-brand{-webkit-background-clip:text;background-clip:text;color:transparent}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--sp-4)}@media (min-width:640px){.container{padding-inline:var(--sp-6)}}@media (min-width:1024px){.container{padding-inline:var(--sp-8)}}.touch-target{min-height:var(--touch-min);min-width:var(--touch-min);display:inline-flex;align-items:center;justify-content:center}.touch-comfortable{min-height:var(--touch-comfortable);min-width:var(--touch-comfortable)}.z-sticky{z-index:var(--z-sticky)}.z-floating{z-index:var(--z-floating)}.z-backdrop{z-index:var(--z-backdrop)}.z-dropdown{z-index:var(--z-dropdown)}.z-header{z-index:var(--z-header)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.transition-fast{transition:var(--transition-fast)}.transition-base{transition:var(--transition-base)}.transition-slow{transition:var(--transition-slow)}.transition-spring{transition:all var(--transition-base) var(--spring)}.transition-spring-gentle{transition:all var(--transition-base) var(--spring-gentle)}::-moz-selection{background-color:rgb(var(--brand-primary)/.2);color:rgb(var(--text-primary))}::selection{background-color:rgb(var(--brand-primary)/.2);color:rgb(var(--text-primary))}.text-fluid-xs{font-size:var(--text-xs)}.text-fluid-sm{font-size:var(--text-sm)}.text-fluid-base{font-size:var(--text-base)}.text-fluid-lg{font-size:var(--text-lg)}.text-fluid-xl{font-size:var(--text-xl)}.text-fluid-2xl{font-size:var(--text-2xl)}.text-fluid-3xl{font-size:var(--text-3xl)}.text-fluid-4xl{font-size:var(--text-4xl)}.text-fluid-5xl{font-size:var(--text-5xl)}h1,h2,h3,h4,h5,h6{margin-top:var(--sp-6);margin-bottom:var(--sp-4);line-height:1.2;font-weight:700}h1{font-size:var(--text-4xl);margin-bottom:var(--sp-6)}h1,h2{margin-top:var(--sp-8)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:600}.prose-p,p{margin-bottom:var(--sp-4);line-height:1.6}:is(h1,h2,h3,h4,h5,h6,p):first-child{margin-top:0}:is(h1,h2,h3,h4,h5,h6,p):last-child{margin-bottom:0}.no-typography-margins h1,.no-typography-margins h2,.no-typography-margins h3,.no-typography-margins h4,.no-typography-margins h5,.no-typography-margins h6,.no-typography-margins p{margin:0}.typography-compact h1,.typography-compact h2,.typography-compact h3,.typography-compact h4,.typography-compact h5,.typography-compact h6{margin-top:var(--sp-3);margin-bottom:var(--sp-2)}.typography-compact p{margin-bottom:var(--sp-2)}.typography-spacious h1,.typography-spacious h2{margin-top:var(--sp-12);margin-bottom:var(--sp-8)}.typography-spacious h3,.typography-spacious h4,.typography-spacious h5,.typography-spacious h6{margin-top:var(--sp-8);margin-bottom:var(--sp-6)}.typography-spacious p{margin-bottom:var(--sp-6)}.dark{--background:210 15% 7%;--foreground:213 15% 79%;--muted:215 14% 11%;--muted-foreground:215 10% 55%;--card:215 14% 11%;--card-foreground:213 15% 79%;--popover:215 16% 13%;--popover-foreground:213 15% 79%;--border:215 16% 19%;--input:215 16% 13%;--ring:271 81% 56%;--primary:271 81% 56%;--primary-foreground:0 0% 100%;--secondary:217 91% 53%;--secondary-foreground:0 0% 100%;--success:130 63% 58%;--warning:217 91% 53%;--destructive:0 72% 63%;--info:212 92% 68%;--accent:215 16% 13%;--accent-foreground:213 15% 79%;--chart-1:271 81% 56%;--chart-2:217 91% 53%;--chart-3:130 63% 58%;--chart-4:0 72% 63%;--chart-5:280 65% 60%;--chart-6:212 92% 68%;--chart-7:160 60% 45%}.dark .qr-preview-container{background:hsl(0 0% 100%)!important;border:2px solid hsl(var(--border));border-radius:12px}.dark svg[data-qr-code=true] rect[fill="#ffffff"],.dark svg[data-qr-code=true] rect[fill=white]{fill:#ffffff!important}.dark svg[data-qr-code=true] path[fill="#000000"],.dark svg[data-qr-code=true] path[fill=black],.dark svg[data-qr-code=true] rect[fill="#000000"],.dark svg[data-qr-code=true] rect[fill=black]{fill:#000000!important}.dark .btn-gradient-primary{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--secondary)) 100%);border:none;color:hsl(var(--primary-foreground))}.dark .btn-gradient-primary:hover{background:linear-gradient(135deg,hsl(271 81% 65%),hsl(217 91% 60%));transform:translateY(-1px)}.dark .card-soft{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}.dark .card-soft:hover{border-color:hsl(var(--primary)/.3);box-shadow:0 10px 25px -5px rgba(0,0,0,.4)}.bg-gradient-to-br.from-purple-600.to-blue-600:not(.bg-clip-text),.bg-gradient-to-l.from-purple-600.to-blue-600:not(.bg-clip-text),.bg-gradient-to-r.from-purple-600.to-blue-600:not(.bg-clip-text),.bg-gradient-to-t.from-purple-600.to-blue-600:not(.bg-clip-text),.dark .bg-gradient-to-br.from-purple-600.to-blue-600:not(.bg-clip-text),.dark .bg-gradient-to-l.from-purple-600.to-blue-600:not(.bg-clip-text),.dark .bg-gradient-to-r.from-purple-600.to-blue-600:not(.bg-clip-text),.dark .bg-gradient-to-t.from-purple-600.to-blue-600:not(.bg-clip-text),.dark .from-purple-600.to-blue-600:not(.bg-clip-text),.from-purple-600.to-blue-600:not(.bg-clip-text){background:linear-gradient(135deg,#9333ea,#2563eb)!important}.bg-clip-text.bg-gradient-to-br.from-purple-600.to-blue-600,.bg-clip-text.bg-gradient-to-l.from-purple-600.to-blue-600,.bg-clip-text.bg-gradient-to-r.from-purple-600.to-blue-600,.bg-clip-text.bg-gradient-to-t.from-purple-600.to-blue-600,.bg-clip-text.from-purple-600.to-blue-600,.dark .bg-clip-text.bg-gradient-to-br.from-purple-600.to-blue-600,.dark .bg-clip-text.bg-gradient-to-l.from-purple-600.to-blue-600,.dark .bg-clip-text.bg-gradient-to-r.from-purple-600.to-blue-600,.dark .bg-clip-text.bg-gradient-to-t.from-purple-600.to-blue-600,.dark .bg-clip-text.from-purple-600.to-blue-600{background-image:linear-gradient(135deg,#9333ea,#2563eb)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.dark .from-purple-600.via-blue-600.to-indigo-600:not(.bg-clip-text),.from-purple-600.via-blue-600.to-indigo-600:not(.bg-clip-text){background:linear-gradient(135deg,#9333ea,#2563eb 50%,#4f46e5)!important}.bg-clip-text.from-purple-600.via-blue-600.to-indigo-600,.dark .bg-clip-text.from-purple-600.via-blue-600.to-indigo-600{background-image:linear-gradient(135deg,#9333ea,#2563eb 50%,#4f46e5)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.btn-gradient.from-purple-600.to-blue-600,.dark .btn-gradient.from-purple-600.to-blue-600,.dark button.from-purple-600.to-blue-600,button.from-purple-600.to-blue-600{color:white!important;border:none!important;font-weight:500}.btn-gradient.from-purple-600.to-blue-600:hover,.dark .btn-gradient.from-purple-600.to-blue-600:hover,.dark button.from-purple-600.to-blue-600:hover,button.from-purple-600.to-blue-600:hover{background:linear-gradient(135deg,#a855f7,#3b82f6)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(147,51,234,.4)}.dark .from-purple-700.to-blue-700,.dark .hover\:from-purple-700:hover,.dark .hover\:from-purple-700:hover.to-blue-700:hover,.from-purple-700.to-blue-700,.hover\:from-purple-700:hover,.hover\:from-purple-700:hover.to-blue-700:hover{background:linear-gradient(135deg,#7c3aed,#1d4ed8)!important}.dark .plan-premium,.dark .pricing-premium,.dark [data-plan=premium]{background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(215 20% 14%) 100%)!important;border:2px solid transparent!important;background-clip:padding-box;position:relative}.dark .plan-premium:before,.dark .pricing-premium:before,.dark [data-plan=premium]:before{content:"";position:absolute;inset:-2px;padding:2px;background:linear-gradient(135deg,#9333ea,#2563eb);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;z-index:-1!important;pointer-events:none!important}.dark .badge-popular{box-shadow:0 4px 12px rgba(147,51,234,.4)!important}.dark .badge-popular,.dark .cta-premium,.dark [data-cta=premium]{background:linear-gradient(135deg,#9333ea,#2563eb)!important;color:white!important;border:none!important}.dark .cta-premium,.dark [data-cta=premium]{box-shadow:0 4px 15px rgba(147,51,234,.4)!important;font-weight:600!important}.dark .cta-premium:hover,.dark [data-cta=premium]:hover{background:linear-gradient(135deg,#a855f7,#3b82f6)!important;box-shadow:0 6px 20px rgba(147,51,234,.5)!important;transform:translateY(-2px)!important}.dark .cookie-banner,.dark [data-cookie-consent]{background:hsl(215 16% 13%)!important;border:1px solid hsl(215 20% 25%)!important;box-shadow:0 10px 25px rgba(0,0,0,.4)!important}.dark [data-cookie-consent] button[data-accept=all]{background:linear-gradient(135deg,#9333ea,#2563eb)!important;color:white!important;border:none!important}.dark [data-cookie-consent] button[data-accept=necessary]{background:hsl(var(--muted))!important;color:hsl(var(--foreground))!important;border:1px solid hsl(var(--border))!important}.dark .card,.dark .pricing-card,.dark [class*=card]{background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(215 18% 13%) 100%)!important;border:1px solid hsl(215 20% 22%)!important;box-shadow:0 4px 15px rgba(0,0,0,.3)!important}.dark .card:hover,.dark .pricing-card:hover,.dark [class*=card]:hover{border-color:hsl(215 25% 28%)!important;box-shadow:0 8px 25px rgba(0,0,0,.4)!important;transform:translateY(-2px)!important}.dark .bg-white\/60{background:hsla(var(--card),.8)!important;backdrop-filter:blur(8px)!important}.dark .bg-white\/80{background:hsla(var(--card),.9)!important}.dark .bg-white\/90{background:hsla(var(--card),.95)!important}.dark .border-white\/20{border-color:hsla(var(--border),.3)!important}.dark .border-purple-200{border-color:hsl(271 30% 25%)!important}.dark .border-purple-300{border-color:hsl(271 35% 30%)!important}.dark .from-purple-100.to-blue-100{background:linear-gradient(135deg,hsl(271 40% 20%),hsl(217 40% 20%))!important}.dark .from-green-100.to-emerald-100{background:linear-gradient(135deg,hsl(130 40% 20%),hsl(160 40% 20%))!important}.dark .from-emerald-100.to-green-100{background:linear-gradient(135deg,hsl(160 40% 20%),hsl(130 40% 20%))!important}.dark .from-pink-50.to-rose-50{background:linear-gradient(135deg,hsl(330 30% 12%),hsl(350 30% 12%))!important}.dark .from-blue-50.to-cyan-50{background:linear-gradient(135deg,hsl(217 30% 12%),hsl(190 30% 12%))!important}.dark .from-green-50.to-emerald-50{background:linear-gradient(135deg,hsl(130 30% 12%),hsl(160 30% 12%))!important}.dark .from-purple-50.to-indigo-50{background:linear-gradient(135deg,hsl(271 30% 12%),hsl(230 30% 12%))!important}.dark .from-teal-50.to-cyan-50{background:linear-gradient(135deg,hsl(175 30% 12%),hsl(190 30% 12%))!important}.dark .text-purple-100{color:hsl(271 50% 80%)!important}.dark .text-blue-100{color:hsl(217 50% 80%)!important}.dark .text-blue-200{color:hsl(217 40% 70%)!important}.dark .bg-white{background-color:hsl(var(--card))!important}.dark .bg-gray-50,.dark .bg-slate-50{background-color:hsl(var(--muted))!important}.dark .text-gray-900,.dark .text-slate-900{color:hsl(var(--foreground))!important}.dark .text-gray-600,.dark .text-slate-600{color:hsl(var(--muted-foreground))!important}.dark .border-gray-200,.dark .border-slate-200{border-color:hsl(var(--border))!important}.dark button.bg-white{background:hsl(var(--card))!important;color:hsl(var(--foreground))!important;border:1px solid hsl(var(--border))!important}.dark button.bg-white:hover{background:hsl(var(--accent))!important;border-color:hsl(var(--primary))!important}.dark .bg-gradient-to-br.from-slate-50,.dark .bg-gradient-to-br.from-slate-50.via-blue-50.to-purple-50{background:linear-gradient(135deg,hsl(var(--background)) 0,hsl(215 20% 10%) 50%,hsl(220 25% 8%) 100%)!important}.dark .bg-gradient-to-br.from-purple-100.via-blue-50.to-indigo-100,.dark .from-purple-100.via-blue-50.to-indigo-100{background:linear-gradient(135deg,hsl(271 50% 15%),hsl(217 50% 15%) 50%,hsl(230 50% 12%))!important}.dark .bg-gradient-to-br.from-white.via-purple-50.to-blue-50,.dark .from-white.via-purple-50.to-blue-50{background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(271 40% 12%) 50%,hsl(217 40% 12%) 100%)!important}.dark .bg-gradient-to-br.from-slate-50.to-purple-50,.dark .from-slate-50.to-purple-50{background:linear-gradient(135deg,hsl(var(--background)) 0,hsl(271 30% 10%) 100%)!important}.dark .bg-gradient-to-br.from-gray-900.via-blue-900.to-indigo-900,.dark .from-gray-900.via-blue-900.to-indigo-900{background:linear-gradient(135deg,hsl(215 25% 8%),hsl(217 40% 12%) 50%,hsl(230 45% 10%))!important}.dark .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.3)}.dark .shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 8px 10px -6px rgba(0,0,0,.3)}.dark :focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;box-shadow:0 0 0 3px hsl(var(--primary)/.2)}.dark .bg-purple-300{background-color:hsl(271 40% 25%)!important}.dark .bg-blue-300{background-color:hsl(217 40% 25%)!important}.dark .bg-indigo-300{background-color:hsl(230 40% 25%)!important}.dark .bg-purple-200{background-color:hsl(271 35% 20%)!important}.dark .bg-blue-200{background-color:hsl(217 35% 20%)!important}.dark .bg-purple-500{background-color:hsl(271 50% 30%)!important}.dark .bg-blue-500{background-color:hsl(217 50% 30%)!important}.dark .group-hover\:text-purple-700:hover{color:hsl(271 70% 70%)!important}.dark .bg-white\/10{background:hsla(var(--card),.15)!important}.dark .bg-white\/15{background:hsla(var(--card),.2)!important}.dark .border-white\/10{border-color:hsla(var(--border),.15)!important}.dark .border-white\/30{border-color:hsla(var(--border),.4)!important}.dark .hover\:bg-white\/10:hover{background:hsla(var(--card),.2)!important}.dark .bg-gradient-to-r.from-purple-50.to-blue-50{background:linear-gradient(90deg,hsl(271 30% 12%),hsl(217 30% 12%))!important}.dark .bg-gradient-to-r.from-purple-50.via-blue-50.to-indigo-50{background:linear-gradient(90deg,hsl(271 25% 12%),hsl(217 25% 12%) 50%,hsl(230 25% 12%))!important}.dark *{transition-property:background-color,border-color,color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media (prefers-contrast:high){.dark{--background:0 0% 0%;--foreground:0 0% 100%;--border:0 0% 100%;--primary:217 91% 70%}}@media (prefers-reduced-motion:reduce){.dark *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dark .bg-surface{background:hsl(var(--card))}.dark .text-muted{color:hsl(var(--muted-foreground))}.dark .border-default{border-color:hsl(var(--border))}.dark::-webkit-scrollbar{width:12px;height:12px}.dark::-webkit-scrollbar-track{background:hsl(var(--background))}.dark::-webkit-scrollbar-thumb{background:hsl(var(--muted));border-radius:6px;border:2px solid hsl(var(--background))}.dark::-webkit-scrollbar-thumb:hover{background:hsl(var(--accent))}.dark::selection{background:hsl(var(--primary)/.3);color:hsl(var(--foreground))}.dark::-moz-selection{background:hsl(var(--primary)/.3);color:hsl(var(--foreground))}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:rgb(var(--text-primary));background-color:rgb(var(--bg-base));min-height:100vh;overflow-x:hidden}.hero-section{position:relative;overflow:hidden;padding:3rem 0;min-height:80vh}@media (min-width:1024px){.hero-section{padding:5rem 0}}.hero-gradient{position:absolute;inset:0;opacity:.3;background:linear-gradient(135deg,rgb(var(--brand-primary)/.1) 0,transparent 50%,rgb(var(--brand-secondary)/.1) 100%)}.hero-container{position:relative;z-index:10;margin:0 auto;max-width:80rem;padding:0 1rem}@media (min-width:640px){.hero-container{padding:0 1.5rem}}@media (min-width:1024px){.hero-container{padding:0 2rem}}.hero-grid{display:grid;gap:3rem;align-items:center;grid-template-columns:1fr}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr .8fr;gap:4rem}}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;letter-spacing:-.025em}@media (min-width:640px){.hero-title{font-size:clamp(2.5rem,6vw,4rem)}}@media (min-width:1024px){.hero-title{font-size:clamp(3rem,4vw,3.75rem)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);min-height:var(--touch-min);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%,rgba(0,0,0,.1));opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);color:white;box-shadow:var(--shadow-md),0 0 0 1px rgba(255,255,255,.1) inset;position:relative;overflow:hidden}.btn-primary: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}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:var(--shadow-xl),0 0 20px rgb(var(--brand-primary)/.3),0 0 0 1px rgba(255,255,255,.2) inset;transform:translateY(-3px) scale(1.02)}.btn-primary:active{transform:translateY(-1px) scale(1.01)}.btn-secondary{background-color:rgb(var(--bg-subtle));color:rgb(var(--text-primary));border:1px solid rgb(var(--border-default))}.btn-secondary:hover{background-color:rgb(var(--bg-muted));border-color:rgb(var(--border-strong))}.btn-ghost{background-color:transparent;color:rgb(var(--text-secondary))}.btn-ghost:hover{background-color:rgb(var(--bg-subtle));color:rgb(var(--text-primary))}.btn-icon{width:var(--touch-min);height:var(--touch-min);padding:0;border-radius:var(--radius-lg);background-color:transparent;color:rgb(var(--text-secondary))}.btn-icon:hover{background-color:rgb(var(--bg-subtle));color:rgb(var(--text-primary))}.btn-sm{padding:var(--sp-2) var(--sp-4);min-height:var(--touch-min);font-size:var(--text-xs)}.btn-lg{padding:var(--sp-4) var(--sp-6);min-height:var(--touch-comfortable);font-size:var(--text-base)}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background-color:rgb(var(--bg-base));border:1px solid rgb(var(--border-default));border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);opacity:0;transition:opacity var(--transition-base)}.card:hover{border-color:rgb(var(--border-strong));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card:hover:before{opacity:1}.card-subtle{background-color:rgb(var(--bg-subtle));border-color:rgb(var(--border-subtle))}.card-elevated{box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:active{transform:translateY(0) scale(.99)}.qr-customize-trigger{position:relative;background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);color:white;border:none;border-radius:var(--radius-lg);min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--sp-3) var(--sp-4);font-weight:600;box-shadow:var(--shadow-md),0 0 0 1px rgba(255,255,255,.1) inset;transition:all var(--transition-base);overflow:hidden}.qr-customize-trigger.first-visit{animation:qr-customize-pulse 2s ease-in-out 3}@keyframes qr-customize-pulse{0%,to{box-shadow:var(--shadow-md),0 0 0 1px rgba(255,255,255,.1) inset,0 0 0 0 rgb(var(--brand-primary)/.7)}50%{box-shadow:var(--shadow-lg),0 0 0 1px rgba(255,255,255,.2) inset,0 0 0 8px rgb(var(--brand-primary)/0);transform:scale(1.05)}}.qr-customize-trigger:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-xl),0 0 20px rgb(var(--brand-primary)/.4),0 0 0 1px rgba(255,255,255,.2) inset}.qr-customize-trigger:active{transform:translateY(0) scale(1.01)}.qr-customize-trigger .icon{margin-right:var(--sp-2);font-size:1.2em}.qr-customization-panel{background:rgb(var(--bg-base));border:2px solid rgb(var(--brand-primary)/.2);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-xl),0 0 0 1px rgb(var(--brand-primary)/.1) inset;position:relative;overflow:hidden;backdrop-filter:blur(8px)}.qr-customization-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.dark .qr-customization-panel{background:rgb(var(--bg-subtle));border-color:rgb(var(--brand-primary)/.3);box-shadow:var(--shadow-xl),0 0 0 1px rgb(var(--brand-primary)/.2) inset}.qr-customization-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid rgb(var(--border-default))}.qr-customization-title{font-size:var(--text-lg);font-weight:700;color:rgb(var(--text-primary));margin:0}.qr-customization-subtitle{font-size:var(--text-sm);color:rgb(var(--text-secondary));margin:0}.qr-control-group{margin-bottom:var(--sp-6)}.qr-control-group:last-child{margin-bottom:0}.qr-control-label{display:block;font-size:var(--text-sm);font-weight:600;color:rgb(var(--text-primary));margin-bottom:var(--sp-3)}.qr-color-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--touch-min),1fr));gap:var(--sp-3);margin-top:var(--sp-3)}.qr-color-option{width:var(--touch-min);height:var(--touch-min);border:3px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative}.qr-color-option:hover{transform:scale(1.1);box-shadow:var(--shadow-md),0 0 0 2px rgb(var(--bg-base)),0 0 0 4px rgb(var(--brand-primary)/.3)}.qr-color-option[aria-selected=true]{border-color:rgb(var(--brand-primary));transform:scale(1.05);box-shadow:var(--shadow-lg),0 0 0 2px rgb(var(--bg-base)),0 0 0 4px rgb(var(--brand-primary))}.qr-color-option:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:0;transition:opacity var(--transition-base)}.qr-color-option[aria-selected=true]:after{opacity:1}.qr-style-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--sp-3);margin-top:var(--sp-3)}.qr-style-option{aspect-ratio:1;border:2px solid rgb(var(--border-default));border-radius:var(--radius-lg);background:rgb(var(--bg-subtle));cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);text-align:center;min-height:var(--touch-min)}.qr-style-option:hover{border-color:rgb(var(--brand-primary)/.5);background:rgb(var(--brand-primary)/.05);transform:translateY(-2px)}.qr-style-option[aria-selected=true]{border-color:rgb(var(--brand-primary));background:rgb(var(--brand-primary)/.1);color:rgb(var(--brand-primary));font-weight:600}.qr-range-slider{width:100%;height:8px;border-radius:var(--radius-full);background:rgb(var(--bg-muted));outline:none;margin:var(--sp-3) 0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.qr-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2),0 0 0 2px rgb(var(--bg-base));-webkit-transition:all var(--transition-base);transition:all var(--transition-base)}.qr-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 0 2px rgb(var(--bg-base)),0 0 0 4px rgb(var(--brand-primary)/.3)}.qr-range-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);cursor:pointer;border:2px solid rgb(var(--bg-base));box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-transition:all var(--transition-base);transition:all var(--transition-base)}.qr-range-slider::-moz-range-thumb:hover{transform:scale(1.2)}.qr-preview-container{position:relative;transition:all var(--transition-base)}.qr-preview-container.updating{animation:qr-update-feedback .6s ease-out}@keyframes qr-update-feedback{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgb(var(--brand-primary)/.4)}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgb(var(--brand-primary)/0)}}.qr-apply-changes{background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);color:white;border:none;border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-6);font-weight:600;font-size:var(--text-base);min-height:var(--touch-min);width:100%;margin-top:var(--sp-6);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.qr-apply-changes:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:all .5s ease-out}.qr-apply-changes:hover:before{width:300px;height:300px}.qr-apply-changes:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 20px rgb(var(--brand-primary)/.4)}.qr-apply-changes:active{transform:translateY(0);animation:qr-apply-success .3s ease-out}@keyframes qr-apply-success{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.qr-apply-changes.success{animation:qr-success-pulse .6s ease-out}@keyframes qr-success-pulse{0%,to{background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%)}50%{background:linear-gradient(135deg,rgb(22 163 74),rgb(34 197 94))}}.input-wrapper{position:relative;width:100%}.input,.select,.textarea{padding:var(--sp-4) var(--sp-5);min-height:var(--touch-min);border:3px solid rgb(var(--border-strong));border-radius:var(--radius-xl);font-weight:500;background-color:rgb(var(--bg-base));box-shadow:0 4px 8px rgb(0 0 0/.08),inset 0 2px 4px rgb(0 0 0/.06),0 0 0 1px rgb(var(--brand-primary)/.05);background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--bg-subtle)) 100%)}.input,.select,.textarea,.ultra-visible-input,.ultra-visible-select,.ultra-visible-textarea{width:100%;font-size:var(--text-lg);font-family:var(--font-sans);color:rgb(var(--text-primary));transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ultra-visible-input,.ultra-visible-select,.ultra-visible-textarea{padding:var(--sp-5) var(--sp-6);min-height:calc(var(--touch-min) + var(--sp-2));border:4px solid rgb(var(--brand-primary)/.4);border-radius:var(--radius-xl);font-weight:600;background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.04) 50%,rgb(var(--brand-secondary)/.03) 100%);box-shadow:0 8px 16px rgb(0 0 0/.1),0 0 0 2px rgb(var(--brand-primary)/.1),inset 0 2px 4px rgb(0 0 0/.05),inset 0 0 0 1px rgb(var(--brand-primary)/.05)}.sticky-preview{position:sticky;top:120px;align-self:start;z-index:10;transition:all .3s ease-out;max-height:calc(100vh - 160px);overflow-y:auto}.sticky-preview:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media (max-width:1023px){.sticky-preview{display:none}}.section-header{gap:var(--sp-3);padding:var(--sp-6);background:linear-gradient(135deg,rgb(var(--brand-primary)/.08) 0,rgb(var(--brand-secondary)/.08) 100%);border-bottom:1px solid rgb(var(--border-default))}.section-header,.section-icon{display:flex;align-items:center}.section-icon{padding:var(--sp-2);background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);border-radius:var(--radius-lg);justify-content:center}.section-title{font-size:var(--text-xl);font-weight:700;color:rgb(var(--text-primary));margin:0}.section-subtitle{font-size:var(--text-sm);color:rgb(var(--text-secondary));margin:0}.input:hover,.select:hover,.textarea:hover{border-color:rgb(var(--brand-primary)/.8);background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.02) 100%);box-shadow:0 6px 12px rgb(0 0 0/.12),0 0 0 2px rgb(var(--brand-primary)/.15),inset 0 2px 4px rgb(0 0 0/.06);transform:translateY(-1px) scale(1.005)}.ultra-visible-input:hover,.ultra-visible-select:hover,.ultra-visible-textarea:hover{border-color:rgb(var(--brand-primary)/.7);background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.06) 50%,rgb(var(--brand-secondary)/.04) 100%);transform:translateY(-2px) scale(1.005);box-shadow:0 12px 24px rgb(0 0 0/.15),0 0 0 3px rgb(var(--brand-primary)/.15),inset 0 2px 4px rgb(0 0 0/.05)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:rgb(var(--brand-primary));background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.03) 100%);box-shadow:0 0 0 4px rgb(var(--brand-primary)/.2),0 8px 16px rgb(var(--brand-primary)/.15),0 4px 8px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.06),inset 0 0 0 1px rgb(var(--brand-primary)/.1);transform:translateY(-2px) scale(1.01);animation:input-focus-pulse 2s ease-in-out infinite}.ultra-visible-input:focus,.ultra-visible-select:focus,.ultra-visible-textarea:focus{outline:none;border-color:rgb(var(--brand-primary));background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.08) 50%,rgb(var(--brand-secondary)/.06) 100%);transform:translateY(-3px) scale(1.01);box-shadow:0 0 0 6px rgb(var(--brand-primary)/.3),0 16px 32px rgb(var(--brand-primary)/.25),0 8px 16px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.05),inset 0 0 0 2px rgb(var(--brand-primary)/.15);animation:ultra-focus-pulse 1.5s ease-in-out infinite}@keyframes input-focus-pulse{0%,to{box-shadow:0 0 0 4px rgb(var(--brand-primary)/.2),0 8px 16px rgb(var(--brand-primary)/.15),0 4px 8px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.06),inset 0 0 0 1px rgb(var(--brand-primary)/.1)}50%{box-shadow:0 0 0 6px rgb(var(--brand-primary)/.1),0 8px 16px rgb(var(--brand-primary)/.25),0 4px 8px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.06),inset 0 0 0 1px rgb(var(--brand-primary)/.15)}}@keyframes ultra-focus-pulse{0%,to{box-shadow:0 0 0 6px rgb(var(--brand-primary)/.3),0 16px 32px rgb(var(--brand-primary)/.25),0 8px 16px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.05),inset 0 0 0 2px rgb(var(--brand-primary)/.15)}50%{box-shadow:0 0 0 8px rgb(var(--brand-primary)/.2),0 16px 32px rgb(var(--brand-primary)/.35),0 8px 16px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.05),inset 0 0 0 2px rgb(var(--brand-primary)/.2)}}.input::-moz-placeholder,.textarea::-moz-placeholder{color:rgb(var(--text-secondary));opacity:.9;font-weight:400;font-style:italic}.input::placeholder,.textarea::placeholder{color:rgb(var(--text-secondary));opacity:.9;font-weight:400;font-style:italic}.input:focus::-moz-placeholder,.textarea:focus::-moz-placeholder{opacity:.6;transform:translateY(-1px);-moz-transition:all var(--transition-base);transition:all var(--transition-base)}.input:focus::placeholder,.textarea:focus::placeholder{opacity:.6;transform:translateY(-1px);transition:all var(--transition-base)}.ultra-visible-input::-moz-placeholder,.ultra-visible-textarea::-moz-placeholder{color:rgb(var(--brand-primary)/.6);opacity:1;font-weight:500;font-style:italic}.ultra-visible-input::placeholder,.ultra-visible-textarea::placeholder{color:rgb(var(--brand-primary)/.6);opacity:1;font-weight:500;font-style:italic}.ultra-visible-input:focus::-moz-placeholder,.ultra-visible-textarea:focus::-moz-placeholder{opacity:.5;transform:translateY(-1px);-moz-transition:all var(--transition-base);transition:all var(--transition-base)}.ultra-visible-input:focus::placeholder,.ultra-visible-textarea:focus::placeholder{opacity:.5;transform:translateY(-1px);transition:all var(--transition-base)}.input-with-icon{padding-left:var(--sp-12)}.input-icon{position:absolute;left:var(--sp-5);top:50%;transform:translateY(-50%);color:rgb(var(--brand-primary)/.7);font-size:var(--text-lg);pointer-events:none;transition:all var(--transition-base)}.input-wrapper:focus-within .input-icon{color:rgb(var(--brand-primary));transform:translateY(-50%) scale(1.1)}.textarea{min-height:140px;resize:vertical;line-height:1.6}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%239333ea' stroke='%239333ea' stroke-width='1' d='M8 12L2 6h12z'/%3E%3C/svg%3E");background-size:16px 16px;position:relative}.select,.ultra-visible-select{cursor:pointer;background-repeat:no-repeat;background-position:right var(--sp-5) center;padding-right:var(--sp-12)}.ultra-visible-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%239333ea' stroke='%239333ea' stroke-width='2' d='M10 14L4 8h12z'/%3E%3C/svg%3E");background-size:20px 20px}.select:after{content:"";position:absolute;right:var(--sp-5);top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:rgb(var(--brand-primary)/.1);pointer-events:none;transition:all var(--transition-base);z-index:-1}.select:hover:after{background:rgb(var(--brand-primary)/.2);transform:translateY(-50%) scale(1.2)}.select:focus:after{background:rgb(var(--brand-primary)/.3);transform:translateY(-50%) scale(1.3)}.auth-form .input,.auth-form .select,.auth-form .textarea,.registration-form .input,.registration-form .select,.registration-form .textarea{border:4px solid rgb(var(--brand-primary)/.3);border-radius:var(--radius-xl);padding:var(--sp-5) var(--sp-6);font-size:var(--text-xl);font-weight:600;min-height:calc(var(--touch-min) + var(--sp-2));background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.03) 50%,rgb(var(--brand-secondary)/.02) 100%);box-shadow:0 8px 16px rgb(0 0 0/.1),0 0 0 2px rgb(var(--brand-primary)/.1),inset 0 2px 4px rgb(0 0 0/.05),inset 0 0 0 1px rgb(var(--brand-primary)/.05)}.auth-form .input:hover,.auth-form .select:hover,.auth-form .textarea:hover,.registration-form .input:hover,.registration-form .select:hover,.registration-form .textarea:hover{border-color:rgb(var(--brand-primary)/.6);background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.05) 50%,rgb(var(--brand-secondary)/.03) 100%);transform:translateY(-2px) scale(1.005);box-shadow:0 12px 24px rgb(0 0 0/.15),0 0 0 3px rgb(var(--brand-primary)/.15),inset 0 2px 4px rgb(0 0 0/.05)}.auth-form .input:focus,.auth-form .select:focus,.auth-form .textarea:focus,.registration-form .input:focus,.registration-form .select:focus,.registration-form .textarea:focus{border-color:rgb(var(--brand-primary));background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.06) 50%,rgb(var(--brand-secondary)/.04) 100%);transform:translateY(-3px) scale(1.01);box-shadow:0 0 0 5px rgb(var(--brand-primary)/.25),0 16px 32px rgb(var(--brand-primary)/.2),0 8px 16px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.05),inset 0 0 0 2px rgb(var(--brand-primary)/.1);animation:auth-focus-pulse 1.5s ease-in-out infinite}@keyframes auth-focus-pulse{0%,to{box-shadow:0 0 0 5px rgb(var(--brand-primary)/.25),0 16px 32px rgb(var(--brand-primary)/.2),0 8px 16px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.05),inset 0 0 0 2px rgb(var(--brand-primary)/.1)}50%{box-shadow:0 0 0 7px rgb(var(--brand-primary)/.15),0 16px 32px rgb(var(--brand-primary)/.3),0 8px 16px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.05),inset 0 0 0 2px rgb(var(--brand-primary)/.15)}}.qr-config-form .input,.qr-config-form .select,.qr-config-form .textarea,.qr-settings-form .input,.qr-settings-form .select,.qr-settings-form .textarea{border:3px solid rgb(var(--brand-secondary)/.4);background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-secondary)/.02) 100%);position:relative}.qr-config-form .input:before,.qr-config-form .select:before,.qr-config-form .textarea:before,.qr-settings-form .input:before,.qr-settings-form .select:before,.qr-settings-form .textarea:before{content:"";position:absolute;left:-3px;top:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);border-radius:var(--radius-xl);z-index:-1;opacity:0;transition:opacity var(--transition-base)}.qr-config-form .input:focus:before,.qr-config-form .select:focus:before,.qr-config-form .textarea:focus:before,.qr-settings-form .input:focus:before,.qr-settings-form .select:focus:before,.qr-settings-form .textarea:focus:before{opacity:.1}.form-label,.input-label{display:block;font-size:var(--text-base);font-weight:600;color:rgb(var(--text-primary));margin-bottom:var(--sp-3);line-height:1.4}.auth-form .form-label,.auth-form .input-label,.registration-form .form-label,.registration-form .input-label{font-size:var(--text-lg);font-weight:700;color:rgb(var(--brand-primary))}.form-label.required:after,.input-label.required:after{content:" *";color:rgb(var(--destructive));font-weight:700}.enhanced-label{display:block;font-size:var(--text-base);font-weight:700;color:rgb(var(--brand-primary));margin-bottom:var(--sp-3);text-transform:uppercase;letter-spacing:.5px;position:relative;padding-left:var(--sp-6)}.enhanced-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);border-radius:var(--radius-full)}.enhanced-label.required:after{content:" *";color:rgb(var(--destructive));font-weight:900;font-size:1.2em;text-transform:none}.qr-form-label{display:block;font-size:var(--text-sm);font-weight:600;color:rgb(var(--brand-primary));margin-bottom:var(--sp-3);position:relative;padding-left:var(--sp-4)}.qr-form-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:12px;background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);border-radius:var(--radius-full)}.qr-form-label.required:after{content:" *";color:rgb(var(--destructive));font-weight:700}.qr-input,.qr-select,.qr-textarea{width:100%;padding:var(--sp-3) var(--sp-4);min-height:calc(var(--sp-10) + var(--sp-1));border:2px solid rgb(var(--brand-primary)/.3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:500;color:rgb(var(--text-primary));background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.02) 100%);box-shadow:0 4px 8px rgb(0 0 0/.05),0 0 0 1px rgb(var(--brand-primary)/.05),inset 0 1px 2px rgb(0 0 0/.05);transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}.qr-input:hover,.qr-select:hover,.qr-textarea:hover{border-color:rgb(var(--brand-primary)/.5);background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.03) 100%);box-shadow:0 6px 12px rgb(0 0 0/.08),0 0 0 2px rgb(var(--brand-primary)/.1),inset 0 1px 2px rgb(0 0 0/.05);transform:translateY(-1px)}.qr-input:focus,.qr-select:focus,.qr-textarea:focus{outline:none;border-color:rgb(var(--brand-primary)/.8);background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--brand-primary)/.04) 100%);box-shadow:0 0 0 3px rgb(var(--brand-primary)/.15),0 8px 16px rgb(var(--brand-primary)/.1),0 4px 8px rgb(0 0 0/.1),inset 0 1px 2px rgb(0 0 0/.05);transform:translateY(-1px);animation:qr-focus-pulse 3s ease-in-out infinite}@keyframes qr-focus-pulse{0%,to{box-shadow:0 0 0 3px rgb(var(--brand-primary)/.15),0 8px 16px rgb(var(--brand-primary)/.1),0 4px 8px rgb(0 0 0/.1),inset 0 1px 2px rgb(0 0 0/.05)}50%{box-shadow:0 0 0 4px rgb(var(--brand-primary)/.1),0 8px 16px rgb(var(--brand-primary)/.15),0 4px 8px rgb(0 0 0/.1),inset 0 1px 2px rgb(0 0 0/.05)}}.qr-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%239333ea' stroke='%239333ea' stroke-width='1' d='M8 12L2 6h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;background-size:16px 16px;padding-right:var(--sp-10)}.qr-color-input{width:100%;height:var(--sp-10);border:2px solid rgb(var(--brand-primary)/.3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 8px rgb(0 0 0/.05),inset 0 1px 2px rgb(0 0 0/.05)}.qr-color-input:hover{border-color:rgb(var(--brand-primary)/.5);transform:scale(1.05);box-shadow:0 6px 12px rgb(0 0 0/.08),0 0 0 2px rgb(var(--brand-primary)/.1)}.qr-color-input:focus{outline:none;border-color:rgb(var(--brand-primary));box-shadow:0 0 0 3px rgb(var(--brand-primary)/.2),0 8px 16px rgb(var(--brand-primary)/.1)}.qr-section-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-6);background:linear-gradient(135deg,rgb(var(--brand-primary)/.08) 0,rgb(var(--brand-secondary)/.08) 100%);border-bottom:1px solid rgb(var(--border-default))}.qr-section-icon{display:flex;align-items:center;justify-content:center;width:var(--sp-10);height:var(--sp-10);background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);border-radius:var(--radius-lg);flex-shrink:0}.qr-section-title{font-size:var(--text-xl);font-weight:600;line-height:1.2;color:rgb(var(--text-primary));margin:0}.qr-section-subtitle{font-size:var(--text-sm);color:rgb(var(--text-secondary));margin:0;opacity:.8}.input.error,.select.error,.textarea.error{border-color:rgb(var(--destructive));background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--destructive)/.02) 100%);box-shadow:0 4px 8px rgb(var(--destructive)/.1),0 0 0 2px rgb(var(--destructive)/.15),inset 0 2px 4px rgb(0 0 0/.05)}.input.error:focus,.select.error:focus,.textarea.error:focus{box-shadow:0 0 0 4px rgb(var(--destructive)/.2),0 8px 16px rgb(var(--destructive)/.15),0 4px 8px rgb(0 0 0/.1),inset 0 2px 4px rgb(0 0 0/.05);animation:error-shake .5s ease-in-out}@keyframes error-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.input.success,.select.success,.textarea.success{border-color:rgb(var(--success));background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--success)/.02) 100%);box-shadow:0 4px 8px rgb(var(--success)/.1),0 0 0 2px rgb(var(--success)/.15),inset 0 2px 4px rgb(0 0 0/.05)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;border:1px solid transparent}.badge-primary{background:linear-gradient(135deg,rgb(var(--brand-primary)/.15) 0,rgb(var(--brand-secondary)/.15) 100%);color:rgb(var(--brand-primary));border-color:rgb(var(--brand-primary)/.2)}.badge-success{background-color:rgb(var(--success)/.15);color:rgb(var(--success));border-color:rgb(var(--success)/.2)}.badge-warning{background-color:rgb(var(--warning)/.15);color:rgb(var(--warning));border-color:rgb(var(--warning)/.2)}.badge-error{background-color:rgb(var(--error)/.15);color:rgb(var(--error));border-color:rgb(var(--error)/.2)}.alert{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-lg);border:1px solid transparent;animation:slideInAlert .3s ease-out}@keyframes slideInAlert{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:rgb(var(--success)/.1);color:rgb(var(--success));border-color:rgb(var(--success)/.3)}.alert-warning{background-color:rgb(var(--warning)/.1);color:rgb(var(--warning));border-color:rgb(var(--warning)/.3)}.alert-error{background-color:rgb(var(--error)/.1);color:rgb(var(--error));border-color:rgb(var(--error)/.3)}.alert-info{background-color:rgb(var(--info)/.1);color:rgb(var(--info));border-color:rgb(var(--info)/.3)}.skeleton{background:linear-gradient(90deg,rgb(var(--bg-muted)) 25%,rgb(var(--bg-subtle)) 50%,rgb(var(--bg-muted)) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{width:24px;height:24px;border:3px solid rgb(var(--border-default));border-top-color:rgb(var(--brand-primary));border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.tooltip{position:relative}.tooltip-content{position:absolute;bottom:calc(100% + var(--sp-2));left:50%;transform:translateX(-50%) scale(.9);padding:var(--sp-2) var(--sp-3);background-color:rgb(var(--text-primary));color:rgb(var(--bg-base));font-size:var(--text-xs);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);z-index:var(--z-tooltip)}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top:4px solid rgb(var(--text-primary))}.tooltip:hover .tooltip-content{opacity:1;transform:translateX(-50%) scale(1)}.qr-tooltip{position:relative}.qr-tooltip:before{content:attr(data-tooltip);bottom:calc(100% + var(--sp-3));transform:translateX(-50%) translateY(4px) scale(.9);padding:var(--sp-3) var(--sp-4);background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%);color:white;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-lg);white-space:nowrap;box-shadow:var(--shadow-xl)}.qr-tooltip:after,.qr-tooltip:before{position:absolute;left:50%;opacity:0;pointer-events:none;z-index:var(--z-tooltip);transition:all var(--transition-base)}.qr-tooltip:after{content:"";bottom:calc(100% + var(--sp-1));transform:translateX(-50%) translateY(2px);width:0;height:0;border:6px solid transparent;border-top:6px solid rgb(var(--brand-primary))}.qr-tooltip:focus:after,.qr-tooltip:focus:before,.qr-tooltip:hover:after,.qr-tooltip:hover:before{opacity:1;pointer-events:auto}.qr-tooltip:focus:before,.qr-tooltip:hover:before{transform:translateX(-50%) translateY(0) scale(1)}.qr-tooltip:focus:after,.qr-tooltip:hover:after{transform:translateX(-50%) translateY(0)}@media (max-width:768px){.qr-tooltip:before{bottom:auto;top:calc(100% + var(--sp-3));transform:translateX(-50%) translateY(-4px) scale(.9);max-width:200px;white-space:normal;text-align:center}.qr-tooltip:after{bottom:auto;top:calc(100% + var(--sp-1));transform:translateX(-50%) translateY(-2px);border-top-color:transparent;border-bottom-color:rgb(var(--brand-primary))}.qr-tooltip:focus:before,.qr-tooltip:hover:before{transform:translateX(-50%) translateY(0) scale(1)}.qr-tooltip:focus:after,.qr-tooltip:hover:after{transform:translateX(-50%) translateY(0)}}.scroll-fade-in{opacity:0;transform:translateY(24px);transition:all var(--transition-slow)}.scroll-fade-in.is-visible{opacity:1;transform:translateY(0)}.scroll-scale-in{opacity:0;transform:scale(.9);transition:all var(--transition-slow)}.scroll-scale-in.is-visible{opacity:1;transform:scale(1)}.hover-lift{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{position:relative;transition:all var(--transition-base)}.hover-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgb(var(--brand-primary)/.5),rgb(var(--brand-secondary)/.5));border-radius:inherit;opacity:0;filter:blur(8px);transition:opacity var(--transition-base);z-index:-1}.hover-glow:hover:before{opacity:1}:focus-visible{outline:2px solid rgb(var(--brand-primary));outline-offset:2px;border-radius:var(--radius-sm)}.glass{background-color:rgb(var(--bg-base)/.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(var(--border-default)/.5)}.gradient-subtle{background:linear-gradient(135deg,rgb(var(--bg-base)) 0,rgb(var(--bg-subtle)) 50%,rgb(var(--bg-base)) 100%)}.gradient-brand,.gradient-text{background:linear-gradient(135deg,rgb(var(--brand-primary)) 0,rgb(var(--brand-secondary)) 100%)}.gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent}.show-mobile{display:block}.show-desktop,.show-tablet{display:none}@media (min-width:640px){.show-mobile{display:none}.show-tablet{display:block}}@media (min-width:1024px){.show-tablet{display:none}.show-desktop{display:block}}.grid{display:grid;gap:var(--sp-6)}.grid-cols-1{grid-template-columns:1fr}@media (min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--sp-2)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.p-4{padding:var(--sp-4)}.p-6{padding:var(--sp-6)}.p-8{padding:var(--sp-8)}.px-4{padding-inline:var(--sp-4)}.px-6{padding-inline:var(--sp-6)}.py-4{padding-block:var(--sp-4)}.py-6{padding-block:var(--sp-6)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.w-full{width:100%}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.no-print{display:none!important}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.contain-layout{contain:layout}.contain-paint{contain:paint}@media (prefers-contrast:high){.btn,.card,.input,.select,.textarea{border-width:2px}}