*,: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;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:initial;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:initial;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;-webkit-backdrop-filter:blur(8px);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;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;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::placeholder,.textarea::placeholder{color:rgb(var(--text-secondary));opacity:.9;font-weight:400;font-style:italic}.input:focus::placeholder,.textarea:focus::placeholder{opacity:.6;transform:translateY(-1px);transition:all var(--transition-base)}.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::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;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}}@keyframes qr-guidance-pulse{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.28)}50%{box-shadow:0 0 0 6px rgba(129,140,248,.24)}}.qr-guidance-highlight{animation:qr-guidance-pulse 1.8s ease-in-out infinite}.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}}