img[appLazyLoad]{will-change:opacity,filter;transition:opacity .3s ease-in-out,filter .3s ease-in-out}img.lazy-loading{opacity:0;filter:blur(10px);background:var(--surface-hover)}img.lazy-loaded{opacity:1;filter:blur(0);animation:fadeIn .3s ease-in-out}img.lazy-error{opacity:.3;filter:grayscale(1);background:var(--surface-disabled)}@keyframes fadeIn{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}img{max-width:100%;height:auto;display:block}.featured-projects,.my-tools-section{content-visibility:auto;contain-intrinsic-size:auto 500px}@font-face{font-family:Product Sans;src:url("./media/PRODUCTSANS-REGULAR-F6SIC6E7.TTF") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url("./media/PRODUCTSANS-BOLD-27KV5AB7.TTF") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Product Sans;src:url("./media/PRODUCTSANS-ITALIC-GT77CG7H.TTF") format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Product Sans;src:url("./media/PRODUCTSANS-BOLDITALIC-QIOOLSTD.TTF") format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--color-primary: #3572ef;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3572ef;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-primary-950: #123374;--color-secondary: #8b5cf6;--color-secondary-50: #faf5ff;--color-secondary-100: #f3e8ff;--color-secondary-500: #8b5cf6;--color-secondary-600: #7c3aed;--color-secondary-700: #6d28d9;--color-accent: #06b6d4;--color-accent-50: #ecfeff;--color-accent-100: #cffafe;--color-accent-500: #06b6d4;--color-accent-600: #0891b2;--color-accent-700: #0e7490;--gradient-primary: linear-gradient(135deg, #3572ef 0%, #123374 100%);--gradient-primary-radial: radial-gradient(circle at 30% 70%, #3572ef 0%, #123374 100%);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-secondary: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-mesh: conic-gradient(from 180deg at 50% 50%, #3572ef 0deg, #8b5cf6 120deg, #06b6d4 240deg, #3572ef 360deg);--gradient-aurora: linear-gradient(45deg, #3572ef, #8b5cf6, #06b6d4, #3572ef);--color-success: #10b981;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-success-bg: var(--color-success-50);--color-success-text: var(--color-success-700);--color-success-border: var(--color-success-200);--color-warning: #f59e0b;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-bg: var(--color-warning-50);--color-warning-text: var(--color-warning-700);--color-warning-border: var(--color-warning-200);--color-danger: #ef4444;--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-bg: var(--color-danger-50);--color-danger-text: var(--color-danger-700);--color-danger-border: var(--color-danger-200);--color-info: #3b82f6;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-bg: var(--color-info-50);--color-info-text: var(--color-info-700);--color-info-border: var(--color-info-200);--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--text-quaternary: #94a3b8;--text-placeholder: #cbd5e1;--text-disabled: #e2e8f0;--text-inverse: #ffffff;--text-accent: var(--color-primary-600);--text-link: var(--color-primary-500);--text-link-hover: var(--color-primary-700);--text-muted: #6b7280;--surface-base: #ffffff;--surface-raised: #ffffff;--surface-overlay: #ffffff;--surface-sunken: #f8fafc;--surface-brand: var(--color-primary-50);--surface-accent: var(--color-accent-50);--surface-success: var(--color-success-50);--surface-warning: var(--color-warning-50);--surface-danger: var(--color-danger-50);--surface-info: var(--color-info-50);--surface-hover: #f1f5f9;--surface-active: #e2e8f0;--surface-selected: var(--color-primary-50);--surface-focus: var(--color-primary-100);--surface-disabled: #f8fafc;--border-subtle: #f1f5f9;--border-default: #e2e8f0;--border-emphasis: #cbd5e1;--border-strong: #94a3b8;--border-brand: var(--color-primary-200);--border-accent: var(--color-accent-200);--border-focus: var(--color-primary-500);--border-danger: var(--color-danger-200);--border-success: var(--color-success-200);--elevation-0: none;--elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 3px 0 rgba(0, 0, 0, .02);--elevation-2: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 4px 8px 0 rgba(0, 0, 0, .03);--elevation-3: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .04);--elevation-4: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 20px 25px -5px rgba(0, 0, 0, .05);--elevation-5: 0 25px 50px -12px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-primary: 0 4px 14px 0 rgba(53, 114, 239, .15);--shadow-secondary: 0 4px 14px 0 rgba(139, 92, 246, .15);--shadow-accent: 0 4px 14px 0 rgba(6, 182, 212, .15);--shadow-success: 0 4px 14px 0 rgba(16, 185, 129, .15);--shadow-warning: 0 4px 14px 0 rgba(245, 158, 11, .15);--shadow-danger: 0 4px 14px 0 rgba(239, 68, 68, .15);--btn-primary-bg: var(--color-primary-500);--btn-primary-bg-hover: var(--color-primary-600);--btn-primary-bg-active: var(--color-primary-700);--btn-primary-text: var(--text-inverse);--btn-primary-shadow: var(--shadow-primary);--btn-secondary-bg: var(--surface-base);--btn-secondary-bg-hover: var(--surface-hover);--btn-secondary-bg-active: var(--surface-active);--btn-secondary-text: var(--text-primary);--btn-secondary-border: var(--border-default);--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--surface-hover);--btn-ghost-bg-active: var(--surface-active);--btn-ghost-text: var(--text-secondary);--btn-disabled-bg: var(--surface-disabled);--btn-disabled-text: var(--text-disabled);--input-bg: var(--surface-base);--input-border: var(--border-default);--input-border-hover: var(--border-emphasis);--input-border-focus: var(--border-focus);--input-border-error: var(--color-danger-500);--input-text: var(--text-primary);--input-placeholder: var(--text-placeholder);--input-disabled-bg: var(--surface-disabled);--input-disabled-text: var(--text-disabled);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--glass-backdrop: blur(20px) saturate(180%);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--glass-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");--neu-bg: #f0f4f8;--neu-light: 12px 12px 24px rgba(163, 177, 198, .4);--neu-dark: -12px -12px 24px rgba(255, 255, 255, .8);--neu-inset-light: inset 12px 12px 24px rgba(163, 177, 198, .4);--neu-inset-dark: inset -12px -12px 24px rgba(255, 255, 255, .8);--neu-subtle: 4px 4px 8px rgba(163, 177, 198, .2), -4px -4px 8px rgba(255, 255, 255, .6);--hologram-bg: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, .1) 50%, transparent 70%);--hologram-border: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);--hologram-glow: 0 0 20px rgba(53, 114, 239, .3);--motion-duration-instant: 0ms;--motion-duration-fast: .15s;--motion-duration-normal: .3s;--motion-duration-slow: .5s;--motion-duration-slower: .75s;--motion-ease-linear: linear;--motion-ease-in: cubic-bezier(.4, 0, 1, 1);--motion-ease-out: cubic-bezier(0, 0, .2, 1);--motion-ease-in-out: cubic-bezier(.4, 0, .2, 1);--motion-ease-spring: cubic-bezier(.175, .885, .32, 1.275);--motion-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--focus-ring: 0 0 0 2px var(--color-primary-500);--focus-ring-offset: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--color-primary-500);--selection-bg: var(--color-primary-100);--selection-text: var(--text-primary)}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-50: #1e3a8a;--color-primary-100: #1e40af;--color-primary-200: #1d4ed8;--color-primary-300: #2563eb;--color-primary-400: #02060b;--color-primary-500: #60a5fa;--color-primary-600: #93c5fd;--color-primary-700: #bfdbfe;--color-primary-800: #dbeafe;--color-primary-900: #eff6ff;--color-primary-950: #f8fafc;--color-secondary: #a78bfa;--color-secondary-50: #6d28d9;--color-secondary-100: #7c3aed;--color-secondary-500: #a78bfa;--color-secondary-600: #c4b5fd;--color-secondary-700: #ddd6fe;--color-accent: #22d3ee;--color-accent-50: #0e7490;--color-accent-100: #0891b2;--color-accent-500: #22d3ee;--color-accent-600: #67e8f9;--color-accent-700: #a5f3fc;--gradient-primary: linear-gradient(135deg, #60a5fa 0%, #1e3a8a 100%);--gradient-primary-radial: radial-gradient(circle at 30% 70%, #60a5fa 0%, #1e3a8a 100%);--gradient-accent: linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);--gradient-secondary: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);--gradient-mesh: conic-gradient(from 180deg at 50% 50%, #60a5fa 0deg, #a78bfa 120deg, #22d3ee 240deg, #60a5fa 360deg);--gradient-aurora: linear-gradient(45deg, #60a5fa, #a78bfa, #22d3ee, #60a5fa);--color-success: #34d399;--color-success-50: #064e3b;--color-success-100: #065f46;--color-success-200: #047857;--color-success-500: #34d399;--color-success-600: #6ee7b7;--color-success-700: #a7f3d0;--color-success-bg: rgba(52, 211, 153, .1);--color-success-text: var(--color-success-600);--color-success-border: var(--color-success-200);--color-warning: #fbbf24;--color-warning-50: #92400e;--color-warning-100: #b45309;--color-warning-200: #d97706;--color-warning-500: #fbbf24;--color-warning-600: #fcd34d;--color-warning-700: #fde68a;--color-warning-bg: rgba(251, 191, 36, .1);--color-warning-text: var(--color-warning-600);--color-warning-border: var(--color-warning-200);--color-danger: #f87171;--color-danger-50: #7f1d1d;--color-danger-100: #991b1b;--color-danger-200: #b91c1c;--color-danger-500: #f87171;--color-danger-600: #fca5a5;--color-danger-700: #fecaca;--color-danger-bg: rgba(248, 113, 113, .1);--color-danger-text: var(--color-danger-600);--color-danger-border: var(--color-danger-200);--color-info: #60a5fa;--color-info-50: #1e3a8a;--color-info-100: #1e40af;--color-info-200: #1d4ed8;--color-info-500: #60a5fa;--color-info-600: #93c5fd;--color-info-700: #bfdbfe;--color-info-bg: rgba(96, 165, 250, .1);--color-info-text: var(--color-info-600);--color-info-border: var(--color-info-200);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-quaternary: #64748b;--text-placeholder: #475569;--text-disabled: #334155;--text-inverse: #0f172a;--text-accent: var(--color-primary-500);--text-link: var(--color-primary-400);--text-link-hover: var(--color-primary-300);--text-muted: #64748b;--surface-base: #0f172a;--surface-raised: #1e293b;--surface-overlay: #334155;--surface-sunken: #020617;--surface-brand: rgba(96, 165, 250, .1);--surface-accent: rgba(34, 211, 238, .1);--surface-success: rgba(52, 211, 153, .1);--surface-warning: rgba(251, 191, 36, .1);--surface-danger: rgba(248, 113, 113, .1);--surface-info: rgba(96, 165, 250, .1);--surface-hover: rgba(71, 85, 105, .5);--surface-active: rgba(100, 116, 139, .5);--surface-selected: rgba(96, 165, 250, .15);--surface-focus: rgba(96, 165, 250, .2);--surface-disabled: #1e293b;--border-subtle: #1e293b;--border-default: #334155;--border-emphasis: #475569;--border-strong: #64748b;--border-brand: rgba(96, 165, 250, .3);--border-accent: rgba(34, 211, 238, .3);--border-focus: var(--color-primary-500);--border-danger: var(--color-danger-500);--border-success: var(--color-success-500);--elevation-0: none;--elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .4), 0 1px 3px 0 rgba(0, 0, 0, .3);--elevation-2: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 4px 8px 0 rgba(0, 0, 0, .4);--elevation-3: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 10px 15px -3px rgba(0, 0, 0, .5);--elevation-4: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 20px 25px -5px rgba(0, 0, 0, .6);--elevation-5: 0 25px 50px -12px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-primary: 0 4px 14px 0 rgba(96, 165, 250, .3);--shadow-secondary: 0 4px 14px 0 rgba(167, 139, 250, .3);--shadow-accent: 0 4px 14px 0 rgba(34, 211, 238, .3);--shadow-success: 0 4px 14px 0 rgba(52, 211, 153, .3);--shadow-warning: 0 4px 14px 0 rgba(251, 191, 36, .3);--shadow-danger: 0 4px 14px 0 rgba(248, 113, 113, .3);--btn-primary-bg: var(--color-primary-500);--btn-primary-bg-hover: var(--color-primary-400);--btn-primary-bg-active: var(--color-primary-300);--btn-primary-text: var(--text-inverse);--btn-primary-shadow: var(--shadow-primary);--btn-secondary-bg: var(--surface-raised);--btn-secondary-bg-hover: var(--surface-hover);--btn-secondary-bg-active: var(--surface-active);--btn-secondary-text: var(--text-primary);--btn-secondary-border: var(--border-default);--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--surface-hover);--btn-ghost-bg-active: var(--surface-active);--btn-ghost-text: var(--text-secondary);--btn-disabled-bg: var(--surface-disabled);--btn-disabled-text: var(--text-disabled);--input-bg: var(--surface-raised);--input-border: var(--border-default);--input-border-hover: var(--border-emphasis);--input-border-focus: var(--border-focus);--input-border-error: var(--color-danger-500);--input-text: var(--text-primary);--input-placeholder: var(--text-placeholder);--input-disabled-bg: var(--surface-disabled);--input-disabled-text: var(--text-disabled);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(148, 163, 184, .2);--glass-backdrop: blur(20px) saturate(180%);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6);--neu-bg: #1e293b;--neu-light: 12px 12px 24px rgba(0, 0, 0, .4);--neu-dark: -12px -12px 24px rgba(71, 85, 105, .1);--neu-inset-light: inset 12px 12px 24px rgba(0, 0, 0, .4);--neu-inset-dark: inset -12px -12px 24px rgba(71, 85, 105, .1);--neu-subtle: 4px 4px 8px rgba(0, 0, 0, .3), -4px -4px 8px rgba(71, 85, 105, .05);--hologram-bg: linear-gradient(45deg, transparent 30%, rgba(96, 165, 250, .1) 50%, transparent 70%);--hologram-border: linear-gradient(90deg, transparent, rgba(96, 165, 250, .4), transparent);--hologram-glow: 0 0 20px rgba(96, 165, 250, .4);--focus-ring: 0 0 0 2px var(--color-primary-500);--focus-ring-offset: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--color-primary-500);--selection-bg: rgba(96, 165, 250, .3);--selection-text: var(--text-primary)}.theme-system{transition:background-color var(--motion-duration-normal) var(--motion-ease-out),color var(--motion-duration-normal) var(--motion-ease-out),border-color var(--motion-duration-normal) var(--motion-ease-out)}.surface-base{background:var(--surface-base)}.surface-raised{background:var(--surface-raised);box-shadow:var(--elevation-1)}.surface-overlay{background:var(--surface-overlay);box-shadow:var(--elevation-2)}.surface-floating{background:var(--surface-raised);box-shadow:var(--elevation-3)}.surface-modal{background:var(--surface-overlay);box-shadow:var(--elevation-4)}.glass-morphism{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.glass-morphism:before{content:"";position:absolute;inset:0;background:var(--glass-noise);pointer-events:none;z-index:-1}.neu-raised{background:var(--neu-bg);box-shadow:var(--neu-light),var(--neu-dark);border:none}.neu-inset{background:var(--neu-bg);box-shadow:var(--neu-inset-light),var(--neu-inset-dark);border:none}.neu-subtle{background:var(--neu-bg);box-shadow:var(--neu-subtle);border:none}.holographic{position:relative;background:var(--surface-base);border:1px solid var(--border-default);overflow:hidden}.holographic:before{content:"";position:absolute;inset:0;background:var(--hologram-bg);transform:translate(-100%);transition:transform var(--motion-duration-slow) var(--motion-ease-out);z-index:-1}.holographic:hover:before{transform:translate(100%);z-index:-1}.holographic:after{content:"";position:absolute;inset:0;border:1px solid transparent;background:var(--hologram-border);background-clip:border-box;mask:linear-gradient(white,white) padding-box,linear-gradient(white,white);mask-composite:exclude;z-index:-1}.gradient-primary{background:var(--gradient-primary);color:var(--text-inverse)}.gradient-primary-radial{background:var(--gradient-primary-radial);color:var(--text-inverse)}.gradient-accent{background:var(--gradient-accent);color:var(--text-inverse)}.gradient-secondary{background:var(--gradient-secondary);color:var(--text-inverse)}.gradient-mesh{background:var(--gradient-mesh);color:var(--text-inverse);animation:meshRotate 20s linear infinite}.gradient-aurora{background:var(--gradient-aurora);background-size:300% 300%;color:var(--text-inverse);animation:auroraMove 10s ease infinite}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;box-shadow:var(--btn-primary-shadow);transition:all var(--motion-duration-fast) var(--motion-ease-out)}.btn-primary:hover{background:var(--btn-primary-bg-hover);transform:translateY(-1px);box-shadow:var(--btn-primary-shadow),var(--elevation-2)}.btn-primary:active{background:var(--btn-primary-bg-active);transform:translateY(0);transition-duration:var(--motion-duration-instant)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);transition:all var(--motion-duration-fast) var(--motion-ease-out)}.btn-secondary:hover{background:var(--btn-secondary-bg-hover);border-color:var(--border-emphasis);transform:translateY(-1px);box-shadow:var(--elevation-1)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border:1px solid transparent;transition:all var(--motion-duration-fast) var(--motion-ease-out)}.btn-ghost:hover{background:var(--btn-ghost-bg-hover);border-color:var(--border-subtle)}.input-field{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);transition:all var(--motion-duration-fast) var(--motion-ease-out);position:relative}.input-field::placeholder{color:var(--input-placeholder)}.input-field:hover{border-color:var(--input-border-hover)}.input-field:focus{border-color:var(--input-border-focus);box-shadow:var(--focus-ring);outline:none}.input-field.error{border-color:var(--input-border-error);box-shadow:0 0 0 2px var(--color-danger-bg)}.input-field:disabled{background:var(--input-disabled-bg);color:var(--input-disabled-text);cursor:not-allowed}.floating-label{position:relative}.floating-label input{padding-top:1.5rem;padding-bottom:.5rem}.floating-label label{position:absolute;top:.75rem;left:.75rem;color:var(--text-placeholder);transition:all var(--motion-duration-fast) var(--motion-ease-out);pointer-events:none;transform-origin:left center}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label{transform:translateY(-.5rem) scale(.875);color:var(--text-accent)}.text-success{color:var(--color-success-text)}.text-warning{color:var(--color-warning-text)}.text-danger{color:var(--color-danger-text)}.text-info{color:var(--color-info-text)}.bg-success{background:var(--color-success-bg)}.bg-warning{background:var(--color-warning-bg)}.bg-danger{background:var(--color-danger-bg)}.bg-info{background:var(--color-info-bg)}.border-success{border-color:var(--color-success-border)}.border-warning{border-color:var(--color-warning-border)}.border-danger{border-color:var(--color-danger-border)}.border-info{border-color:var(--color-info-border)}.elevation-0{box-shadow:var(--elevation-0)}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-3{box-shadow:var(--elevation-3)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-5{box-shadow:var(--elevation-5)}.interactive{transition:all var(--motion-duration-fast) var(--motion-ease-out);cursor:pointer}.interactive:hover{transform:translateY(-2px);box-shadow:var(--elevation-2)}.interactive:active{transform:translateY(0);transition-duration:var(--motion-duration-instant)}.focus-ring:focus{outline:none;box-shadow:var(--focus-ring)}.focus-ring-offset:focus{outline:none;box-shadow:var(--focus-ring-offset)}::selection{background:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-sunken)}::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes meshRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes auroraMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}.loading-shimmer{background:linear-gradient(90deg,var(--surface-base) 0%,var(--surface-hover) 50%,var(--surface-base) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-pulse{animation:pulse 2s infinite}.loading-bounce{animation:bounce 2s infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--color-primary: #60a5fa;--color-primary-50: #1e3a8a;--color-primary-100: #1e40af;--color-primary-200: #1d4ed8;--color-primary-300: #2563eb;--color-primary-400: #02060b;--color-primary-500: #60a5fa;--color-primary-600: #93c5fd;--color-primary-700: #bfdbfe;--color-primary-800: #dbeafe;--color-primary-900: #eff6ff;--color-primary-950: #f8fafc;--color-secondary: #a78bfa;--color-secondary-50: #6d28d9;--color-secondary-100: #7c3aed;--color-secondary-500: #a78bfa;--color-secondary-600: #c4b5fd;--color-secondary-700: #ddd6fe;--color-accent: #22d3ee;--color-accent-50: #0e7490;--color-accent-100: #0891b2;--color-accent-500: #22d3ee;--color-accent-600: #67e8f9;--color-accent-700: #a5f3fc;--gradient-primary: linear-gradient(135deg, #60a5fa 0%, #1e3a8a 100%);--gradient-primary-radial: radial-gradient(circle at 30% 70%, #60a5fa 0%, #1e3a8a 100%);--gradient-accent: linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);--gradient-secondary: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);--gradient-mesh: conic-gradient(from 180deg at 50% 50%, #60a5fa 0deg, #a78bfa 120deg, #22d3ee 240deg, #60a5fa 360deg);--gradient-aurora: linear-gradient(45deg, #60a5fa, #a78bfa, #22d3ee, #60a5fa);--color-success: #34d399;--color-success-50: #064e3b;--color-success-100: #065f46;--color-success-200: #047857;--color-success-500: #34d399;--color-success-600: #6ee7b7;--color-success-700: #a7f3d0;--color-success-bg: rgba(52, 211, 153, .1);--color-success-text: var(--color-success-600);--color-success-border: var(--color-success-200);--color-warning: #fbbf24;--color-warning-50: #92400e;--color-warning-100: #b45309;--color-warning-200: #d97706;--color-warning-500: #fbbf24;--color-warning-600: #fcd34d;--color-warning-700: #fde68a;--color-warning-bg: rgba(251, 191, 36, .1);--color-warning-text: var(--color-warning-600);--color-warning-border: var(--color-warning-200);--color-danger: #f87171;--color-danger-50: #7f1d1d;--color-danger-100: #991b1b;--color-danger-200: #b91c1c;--color-danger-500: #f87171;--color-danger-600: #fca5a5;--color-danger-700: #fecaca;--color-danger-bg: rgba(248, 113, 113, .1);--color-danger-text: var(--color-danger-600);--color-danger-border: var(--color-danger-200);--color-info: #60a5fa;--color-info-50: #1e3a8a;--color-info-100: #1e40af;--color-info-200: #1d4ed8;--color-info-500: #60a5fa;--color-info-600: #93c5fd;--color-info-700: #bfdbfe;--color-info-bg: rgba(96, 165, 250, .1);--color-info-text: var(--color-info-600);--color-info-border: var(--color-info-200);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-quaternary: #64748b;--text-placeholder: #475569;--text-disabled: #334155;--text-inverse: #0f172a;--text-accent: var(--color-primary-500);--text-link: var(--color-primary-400);--text-link-hover: var(--color-primary-300);--text-muted: #64748b;--surface-base: #0f172a;--surface-raised: #1e293b;--surface-overlay: #334155;--surface-sunken: #020617;--surface-brand: rgba(96, 165, 250, .1);--surface-accent: rgba(34, 211, 238, .1);--surface-success: rgba(52, 211, 153, .1);--surface-warning: rgba(251, 191, 36, .1);--surface-danger: rgba(248, 113, 113, .1);--surface-info: rgba(96, 165, 250, .1);--surface-hover: rgba(71, 85, 105, .5);--surface-active: rgba(100, 116, 139, .5);--surface-selected: rgba(96, 165, 250, .15);--surface-focus: rgba(96, 165, 250, .2);--surface-disabled: #1e293b;--border-subtle: #1e293b;--border-default: #334155;--border-emphasis: #475569;--border-strong: #64748b;--border-brand: rgba(96, 165, 250, .3);--border-accent: rgba(34, 211, 238, .3);--border-focus: var(--color-primary-500);--border-danger: var(--color-danger-500);--border-success: var(--color-success-500);--elevation-0: none;--elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .4), 0 1px 3px 0 rgba(0, 0, 0, .3);--elevation-2: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 4px 8px 0 rgba(0, 0, 0, .4);--elevation-3: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 10px 15px -3px rgba(0, 0, 0, .5);--elevation-4: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 20px 25px -5px rgba(0, 0, 0, .6);--elevation-5: 0 25px 50px -12px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-primary: 0 4px 14px 0 rgba(96, 165, 250, .3);--shadow-secondary: 0 4px 14px 0 rgba(167, 139, 250, .3);--shadow-accent: 0 4px 14px 0 rgba(34, 211, 238, .3);--shadow-success: 0 4px 14px 0 rgba(52, 211, 153, .3);--shadow-warning: 0 4px 14px 0 rgba(251, 191, 36, .3);--shadow-danger: 0 4px 14px 0 rgba(248, 113, 113, .3);--btn-primary-bg: var(--color-primary-500);--btn-primary-bg-hover: var(--color-primary-400);--btn-primary-bg-active: var(--color-primary-300);--btn-primary-text: var(--text-inverse);--btn-primary-shadow: var(--shadow-primary);--btn-secondary-bg: var(--surface-raised);--btn-secondary-bg-hover: var(--surface-hover);--btn-secondary-bg-active: var(--surface-active);--btn-secondary-text: var(--text-primary);--btn-secondary-border: var(--border-default);--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--surface-hover);--btn-ghost-bg-active: var(--surface-active);--btn-ghost-text: var(--text-secondary);--btn-disabled-bg: var(--surface-disabled);--btn-disabled-text: var(--text-disabled);--input-bg: var(--surface-raised);--input-border: var(--border-default);--input-border-hover: var(--border-emphasis);--input-border-focus: var(--border-focus);--input-border-error: var(--color-danger-500);--input-text: var(--text-primary);--input-placeholder: var(--text-placeholder);--input-disabled-bg: var(--surface-disabled);--input-disabled-text: var(--text-disabled);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(148, 163, 184, .2);--glass-backdrop: blur(20px) saturate(180%);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6);--neu-bg: #1e293b;--neu-light: 12px 12px 24px rgba(0, 0, 0, .4);--neu-dark: -12px -12px 24px rgba(71, 85, 105, .1);--neu-inset-light: inset 12px 12px 24px rgba(0, 0, 0, .4);--neu-inset-dark: inset -12px -12px 24px rgba(71, 85, 105, .1);--neu-subtle: 4px 4px 8px rgba(0, 0, 0, .3), -4px -4px 8px rgba(71, 85, 105, .05);--hologram-bg: linear-gradient(45deg, transparent 30%, rgba(96, 165, 250, .1) 50%, transparent 70%);--hologram-border: linear-gradient(90deg, transparent, rgba(96, 165, 250, .4), transparent);--hologram-glow: 0 0 20px rgba(96, 165, 250, .4);--focus-ring: 0 0 0 2px var(--color-primary-500);--focus-ring-offset: 0 0 0 2px var(--surface-base), 0 0 0 4px var(--color-primary-500);--selection-bg: rgba(96, 165, 250, .3);--selection-text: var(--text-primary)}}@media (prefers-contrast: high){:root{--border-default: var(--border-strong);--text-tertiary: var(--text-secondary);--text-quaternary: var(--text-secondary)}}@media print{*{box-shadow:none!important;text-shadow:none!important}.glass-morphism,.neu-raised,.neu-inset,.holographic{background:var(--surface-base)!important;border:1px solid var(--border-default)!important}}body{background:var(--surface-base);color:var(--text-primary);font-family:Product Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--motion-duration-normal) var(--motion-ease-out),color var(--motion-duration-normal) var(--motion-ease-out);overflow-x:hidden}*{font-family:Product Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}body *{margin:0;padding:0;font-family:inherit}*,*:before,*:after{box-sizing:border-box}@media (max-width: 768px){:root{--min-touch-target: 44px;--motion-duration-instant: 0ms;--motion-duration-fast: .12s;--motion-duration-normal: .25s;--motion-duration-slow: .4s;--motion-duration-slower: .6s}body{font-size:16px}button,.btn-primary,.btn-secondary,.btn-ghost,a:not(.tools-banner a),input,textarea,select{transition-duration:.15s!important}h1,h2,h3,p{animation-duration:.5s!important}h1{font-size:1.75rem!important;line-height:1.2}h2{font-size:1.5rem!important;line-height:1.3}h3{font-size:1.25rem!important;line-height:1.4}button,.btn-primary,.btn-secondary,.btn-ghost,a[role=button]{min-height:var(--min-touch-target);padding:.75rem 1.25rem!important;font-size:1rem!important}input,textarea,select{min-height:var(--min-touch-target);font-size:16px!important;padding:.75rem!important}}@media (max-width: 480px){h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}}.liquid-glass{position:relative;overflow:hidden;border-radius:12px;transition:all .4s cubic-bezier(.23,1,.32,1);isolation:isolate;background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff0d);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid transparent;background-clip:padding-box;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff1a,0 2px 8px #0000001a,0 4px 16px #0000000d;background-image:linear-gradient(var(--gradient-primary),var(--gradient-primary)),linear-gradient(135deg,#ffffff80,#fff3,#ffffff1a,#ffffff4d);background-origin:padding-box,border-box;background-clip:padding-box,border-box}.liquid-glass>*{position:relative;z-index:2}.liquid-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:1}.liquid-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,transparent 70%);opacity:0;transform:scale(0);transition:all .5s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:1}.liquid-glass:hover{transform:translateY(-1px) scale(1.02);background-image:linear-gradient(135deg,#ffffff2e,#ffffff1f,#ffffff14),linear-gradient(135deg,#fff9,#06b6d466,#8b5cf64d,#ffffff80);box-shadow:inset 0 1px 2px #ffffff59,inset 0 -1px 2px #ffffff26,0 4px 16px #00000026,0 8px 32px #3572ef33,0 12px 48px #06b6d426;backdrop-filter:blur(25px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(25px) saturate(200%) brightness(1.1)}.liquid-glass:hover:before{left:100%}.liquid-glass:hover:after{opacity:1;transform:scale(1)}.liquid-glass.active,.liquid-glass.selected{background-image:linear-gradient(135deg,#ffffff40,#ffffff26,#ffffff1f),linear-gradient(135deg,#ffffffb3,#3572ef80,#8b5cf666,#fff9);box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #fff3,0 6px 20px #0003,0 10px 40px #3572ef4d,0 0 60px #8b5cf633;backdrop-filter:blur(30px) saturate(220%) brightness(1.15);-webkit-backdrop-filter:blur(30px) saturate(220%) brightness(1.15);transform:translateY(-2px)}.liquid-glass-subtle{background:linear-gradient(135deg,#ffffff14,#ffffff0d,#ffffff08);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%)}.liquid-glass-strong{background:linear-gradient(135deg,#ffffff2e,#ffffff1f,#ffffff14);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%)}.liquid-glass-static{position:relative;overflow:hidden;border-radius:12px;transition:all .4s cubic-bezier(.23,1,.32,1);background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff0d);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid transparent;background-clip:padding-box;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff1a,0 2px 8px #0000001a,0 4px 16px #0000000d;background-image:linear-gradient(var(--gradient-primary),var(--gradient-primary)),linear-gradient(135deg,#ffffff80,#fff3,#ffffff1a,#ffffff4d);background-origin:padding-box,border-box;background-clip:padding-box,border-box}.liquid-glass-static:hover{transform:none}[data-theme=dark] .liquid-glass{background:linear-gradient(135deg,#ffffff14,#ffffff0d,#ffffff08);box-shadow:inset 0 1px 1px #ffffff26,inset 0 -1px 1px #ffffff0d,0 2px 8px #0000004d,0 4px 16px #0003}[data-theme=dark] .liquid-glass:hover{background-image:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff0d),linear-gradient(135deg,#fff6,#06b6d44d,#8b5cf640,#ffffff59)}[data-theme=dark] .liquid-glass.active,[data-theme=dark] .liquid-glass.selected{background-image:linear-gradient(135deg,#ffffff26,#ffffff1a,#ffffff14),linear-gradient(135deg,#ffffff80,#3572ef66,#8b5cf659,#ffffff73)}