@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";._app-container_1l3v9_1{max-width:1024px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}@media (max-width: 768px){:root{font-size:16px}._app-container_1l3v9_1{padding:var(--spacing-md)}form{padding:var(--spacing-lg)}input[type=email],input[type=text],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=url],select,textarea{font-size:16px}}._container_1l3v9_3{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--background)}._formWrapper_1l3v9_12{max-width:500px;width:100%;background-color:var(--card-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;overflow:hidden;animation:_slideUp_1l3v9_1 var(--transition-normal) var(--transition-ease)}._formWrapper_1l3v9_12:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}@keyframes _slideUp_1l3v9_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._title_1l3v9_46{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs);text-align:center;font-family:var(--font-sans)}._subtitle_1l3v9_55{font-size:var(--font-size-lg);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-family:var(--font-sans)}._form_1l3v9_12{display:flex;flex-direction:column;gap:var(--spacing-lg)}._formGroup_1l3v9_69{display:flex;flex-direction:column;gap:var(--spacing-sm)}._label_1l3v9_75{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);font-family:var(--font-sans)}._textarea_1l3v9_82{width:100%;padding:.875rem 1rem;font-size:1rem;color:var(--text-primary);background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-normal) var(--transition-ease);box-shadow:var(--shadow-sm);font-family:var(--font-sans);resize:vertical;min-height:100px;line-height:1.5}._textarea_1l3v9_82:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;outline:none;transform:translateY(-1px)}._textarea_1l3v9_82::placeholder{color:var(--text-tertiary);font-style:italic}._error_1l3v9_110{color:var(--danger);margin-top:var(--spacing-sm);font-size:.875rem;font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:#ef44440d;border-radius:var(--radius-md);border-left:3px solid var(--danger);animation:_slideIn_1l3v9_1 var(--transition-normal) var(--transition-ease);font-family:var(--font-sans)}@keyframes _slideIn_1l3v9_1{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}._submitButton_1l3v9_137{width:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border:none;padding:.875rem 1rem;font-size:1rem;font-weight:var(--font-weight-bold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal) var(--transition-bounce);box-shadow:var(--shadow-md);position:relative;overflow:hidden;font-family:var(--font-sans)}._submitButton_1l3v9_137: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}._submitButton_1l3v9_137:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(90deg,var(--primary-light) 0%,var(--primary) 100%)}._submitButton_1l3v9_137:hover:not(:disabled):before{left:100%}._submitButton_1l3v9_137:disabled{opacity:.6;cursor:not-allowed;transform:none}._submitButton_1l3v9_137:disabled:hover{transform:none;box-shadow:var(--shadow-md)}._skipButton_1l3v9_186{width:100%;padding:.75rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal) var(--transition-ease);font-family:var(--font-sans)}._skipButton_1l3v9_186:hover{background:var(--card-bg-hover);color:var(--text-primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width: 768px){._container_1l3v9_3{padding:var(--spacing-md)}._formWrapper_1l3v9_12{padding:var(--spacing-lg);max-width:100%;margin:var(--spacing-md)}._title_1l3v9_46{font-size:var(--font-size-2xl)}._subtitle_1l3v9_55{font-size:var(--font-size-base)}._textarea_1l3v9_82{min-height:80px;padding:.75rem}._submitButton_1l3v9_137,._skipButton_1l3v9_186{padding:.75rem}}@media (max-width: 480px){._container_1l3v9_3{padding:var(--spacing-sm)}._formWrapper_1l3v9_12{padding:var(--spacing-md)}._title_1l3v9_46{font-size:var(--font-size-xl)}._form_1l3v9_12{gap:var(--spacing-md)}}:root{--font-sans: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-circle: 50%;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-button: 0 2px 8px rgb(0 0 0 / .1);--shadow-button-hover: 0 4px 16px rgb(0 0 0 / .15);--shadow-celebration: 0 8px 32px rgb(0 0 0 / .12);--shadow-inset: inset 0 1px 3px rgb(0 0 0 / .1);--shadow-focus-ring: 0 0 0 3px var(--color-primary-light), inset 0 1px 3px rgb(0 0 0 / .1);--shadow-success: 0 4px 12px rgb(34 197 94 / .3);--shadow-primary: 0 6px 20px rgb(99 102 241 / .4);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--animation-fast: .15s ease-out;--animation-normal: .2s ease-out;--animation-slow: .3s ease-out;--animation-slide: .3s ease-out;--animation-celebrate: .6s ease-out;--animation-spin: 1s linear infinite;--animation-stagger: .8s ease-out;--animation-stagger-delay-1: .2s;--animation-stagger-delay-2: .4s;--animation-stagger-delay-3: .6s;--animation-stagger-delay-4: .8s;--button-height: 40px;--header-height: 64px;--sidebar-width-mobile: 240px;--sidebar-width-desktop: 280px;--container-max-width: 1200px;--container-lg-width: 800px;--container-md-width: 600px;--container-sm-width: 500px;--container-xs-width: 400px;--spacing-4xl: 3.75rem;--spacing-5xl: 5rem;--z-dropdown: 1000;--z-modal: 1050;--z-popover: 1100;--z-tooltip: 1150;--z-toast: 1200;--opacity-0: 0;--opacity-25: .25;--opacity-30: .3;--opacity-50: .5;--opacity-60: .6;--opacity-75: .75;--opacity-90: .9;--opacity-100: 1;--color-overlay-light: rgba(255, 255, 255, .95);--color-overlay-medium: rgba(255, 255, 255, .3);--color-backdrop-light: rgba(0, 0, 0, .3);--color-backdrop-medium: rgba(0, 0, 0, .5);--color-backdrop-heavy: rgba(0, 0, 0, .6);--color-primary-surface: color-mix(in srgb, var(--color-primary) 15%, #ffffff 85%);--color-primary-contrast: color-mix(in srgb, var(--color-primary) 65%, #000000 35%);--color-success-surface: color-mix(in srgb, var(--color-success) 15%, #ffffff 85%);--color-success-contrast: color-mix(in srgb, var(--color-success) 65%, #000000 35%);--color-warning-surface: color-mix(in srgb, var(--color-warning) 15%, #ffffff 85%);--color-warning-contrast: color-mix(in srgb, var(--color-warning) 65%, #000000 35%);--color-error-surface: color-mix(in srgb, var(--color-error) 15%, #ffffff 85%);--color-error-contrast: color-mix(in srgb, var(--color-error) 65%, #000000 35%);--color-info-surface: color-mix(in srgb, var(--color-info) 15%, #ffffff 85%);--color-info-contrast: color-mix(in srgb, var(--color-info) 65%, #000000 35%)}[data-theme=zen]{--color-primary-surface: color-mix(in srgb, var(--color-primary) 25%, #000000 75%);--color-primary-contrast: color-mix(in srgb, var(--color-primary) 70%, #ffffff 30%);--color-success-surface: color-mix(in srgb, var(--color-success) 25%, #000000 75%);--color-success-contrast: color-mix(in srgb, var(--color-success) 70%, #ffffff 30%);--color-warning-surface: color-mix(in srgb, var(--color-warning) 25%, #000000 75%);--color-warning-contrast: color-mix(in srgb, var(--color-warning) 70%, #ffffff 30%);--color-error-surface: color-mix(in srgb, var(--color-error) 25%, #000000 75%);--color-error-contrast: color-mix(in srgb, var(--color-error) 70%, #ffffff 30%);--color-info-surface: color-mix(in srgb, var(--color-info) 25%, #000000 75%);--color-info-contrast: color-mix(in srgb, var(--color-info) 70%, #ffffff 30%)}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-primary-dark: #1d4ed8;--color-background: #ffffff;--color-surface: #f8fafc;--color-surface-hover: #f1f5f9;--color-surface-secondary: #e2e8f0;--color-text: #1f2937;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-strong: #d1d5db;--color-success: #10b981;--color-warning: #d97706;--color-error: #ef4444;--color-info: #3b82f6;--day-1: #dbeafe;--day-2: #bfdbfe;--day-3: #93c5fd;--day-4: #60a5fa;--day-5: #3b82f6;--day-6: #2563eb;--day-7: #1d4ed8;--level-1: #bfdbfe;--level-2: #93c5fd;--level-3: #60a5fa;--level-4: #3b82f6;--level-5: #1d4ed8}[data-theme=vitality]{--color-primary: #22c55e;--color-primary-hover: #16a34a;--color-primary-light: #dcfce7;--color-primary-dark: #15803d;--color-background: #f0fdf4;--color-surface: #dcfce7;--color-surface-hover: #bbf7d0;--color-surface-secondary: #a7f3d0;--color-text: #14532d;--color-text-muted: #166534;--color-text-light: #22c55e;--color-border: #bbf7d0;--color-border-light: #dcfce7;--color-border-strong: #86efac;--color-success: #059669;--color-info: #22c55e;--color-warning: #d97706;--color-error: #dc2626;--day-1: #86efac;--day-2: #4ade80;--day-3: #22c55e;--day-4: #16a34a;--day-5: #10b981;--day-6: #059669;--day-7: #047857;--level-1: #a7f3d0;--level-2: #6ee7b7;--level-3: #34d399;--level-4: #10b981;--level-5: #059669}[data-theme=scholar]{--color-primary: #1d4ed8;--color-primary-hover: #1e40af;--color-primary-light: #dbeafe;--color-primary-dark: #1e3a8a;--color-background: #fefbeb;--color-surface: #fef3c7;--color-surface-hover: #fde68a;--color-surface-secondary: #fcd34d;--color-text: #1e3a8a;--color-text-muted: #3730a3;--color-text-light: #6366f1;--color-border: #fde68a;--color-border-light: #fef3c7;--color-border-strong: #f59e0b;--color-success: #059669;--color-info: #1d4ed8;--color-warning: #d97706;--color-error: #dc2626;--day-1: #dbeafe;--day-2: #bfdbfe;--day-3: #93c5fd;--day-4: #60a5fa;--day-5: #3b82f6;--day-6: #2563eb;--day-7: #1d4ed8;--level-1: #bfdbfe;--level-2: #93c5fd;--level-3: #60a5fa;--level-4: #3b82f6;--level-5: #1d4ed8}[data-theme=champion]{--color-primary: #ea580c;--color-primary-hover: #dc2626;--color-primary-light: #fed7c3;--color-primary-dark: #c2410c;--color-background: #fffbfa;--color-surface: #fed7c3;--color-surface-hover: #fdba8c;--color-surface-secondary: #fb923c;--color-text: #9a3412;--color-text-muted: #c2410c;--color-text-light: #ea580c;--color-border: #fdba8c;--color-border-light: #fed7c3;--color-border-strong: #f97316;--color-success: #16a34a;--color-info: #ea580c;--color-warning: #d97706;--color-error: #dc2626;--day-1: #fbbf24;--day-2: #f97316;--day-3: #fb923c;--day-4: #fdba8c;--day-5: #ea580c;--day-6: #c2410c;--day-7: #9a3412;--level-1: #fed7c3;--level-2: #fdba8c;--level-3: #fb923c;--level-4: #ea580c;--level-5: #c2410c}[data-theme=craftsman]{--color-primary: #92400e;--color-primary-hover: #78350f;--color-primary-light: #fde68a;--color-primary-dark: #451a03;--color-background: #fefdf8;--color-surface: #fde68a;--color-surface-hover: #fcd34d;--color-surface-secondary: #f59e0b;--color-text: #451a03;--color-text-muted: #92400e;--color-text-light: #d97706;--color-border: #fcd34d;--color-border-light: #fde68a;--color-border-strong: #d97706;--color-success: #059669;--color-info: #92400e;--color-warning: #d97706;--color-error: #dc2626;--day-1: #fcd34d;--day-2: #eabb43;--day-3: #d9a238;--day-4: #c78a2e;--day-5: #b57123;--day-6: #a45919;--day-7: #92400e;--level-1: #fde68a;--level-2: #fcd34d;--level-3: #f59e0b;--level-4: #d97706;--level-5: #92400e}[data-theme=creator]{--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-light: #e0e7ff;--color-primary-dark: #5b21b6;--color-background: #fefefe;--color-surface: #e0e7ff;--color-surface-hover: #c7d2fe;--color-surface-secondary: #a5b4fc;--color-text: #3730a3;--color-text-muted: #5b21b6;--color-text-light: #8b5cf6;--color-border: #c7d2fe;--color-border-light: #e0e7ff;--color-border-strong: #8b5cf6;--color-success: #059669;--color-info: #06b6d4;--color-warning: #d97706;--color-error: #dc2626;--day-1: #a5b4fc;--day-2: #9ea0fa;--day-3: #978bf7;--day-4: #9177f5;--day-5: #8a63f2;--day-6: #834ef0;--day-7: #7c3aed;--level-1: #e0e7ff;--level-2: #c7d2fe;--level-3: #a5b4fc;--level-4: #8b5cf6;--level-5: #7c3aed}[data-theme=timekeeper]{--color-primary: #1e40af;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-dark: #1e3a8a;--color-background: #f8fafc;--color-surface: #e2e8f0;--color-surface-hover: #cbd5e1;--color-surface-secondary: #94a3b8;--color-text: #0f172a;--color-text-muted: #334155;--color-text-light: #64748b;--color-border: #cbd5e1;--color-border-light: #e2e8f0;--color-border-strong: #94a3b8;--color-success: #059669;--color-info: #1e40af;--color-warning: #d97706;--color-error: #dc2626;--day-1: #94a3b8;--day-2: #8093b7;--day-3: #6d82b5;--day-4: #5972b4;--day-5: #4561b2;--day-6: #3251b1;--day-7: #1e40af;--level-1: #e2e8f0;--level-2: #cbd5e1;--level-3: #93c5fd;--level-4: #60a5fa;--level-5: #1e40af}[data-theme=zen]{--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-primary-light: #c4b5fd;--color-primary-dark: #6d28d9;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-secondary: #475569;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-light: #cbd5e1;--color-border: #475569;--color-border-light: #334155;--color-border-strong: #64748b;--color-success: #10b981;--color-warning: #fbbf24;--color-error: #ef4444;--color-info: #8b5cf6;--day-1: #9ca3af;--day-2: #94a3b8;--day-3: #a5b4fc;--day-4: #818cf8;--day-5: #6366f1;--day-6: #4f46e5;--day-7: #4338ca;--level-1: #475569;--level-2: #64748b;--level-3: #94a3b8;--level-4: #c4b5fd;--level-5: #8b5cf6;--color-overlay-light: rgba(30, 41, 59, .95);--color-overlay-medium: rgba(30, 41, 59, .3);--logo-filter: invert(1);--spinner-filter: invert(1)}[data-theme=harvest]{--color-primary: #c2410c;--color-primary-hover: #b45309;--color-primary-light: #ffedd5;--color-primary-dark: #9a3412;--color-background: #fffbeb;--color-surface: #fff7ed;--color-surface-hover: #fde68a;--color-surface-secondary: #fed7aa;--color-text: #422006;--color-text-muted: #92400e;--color-text-light: #f97316;--color-border: #f59e0b;--color-border-light: #fde68a;--color-border-strong: #b45309;--color-success: #16a34a;--color-info: #2563eb;--color-warning: #d97706;--color-error: #dc2626;--color-primary-surface: color-mix(in srgb, var(--color-primary) 18%, #ffffff 82%);--color-primary-contrast: color-mix(in srgb, var(--color-primary) 65%, #000000 35%);--color-success-surface: color-mix(in srgb, var(--color-success) 18%, #ffffff 82%);--color-success-contrast: color-mix(in srgb, var(--color-success) 65%, #000000 35%);--color-warning-surface: color-mix(in srgb, var(--color-warning) 20%, #ffffff 80%);--color-warning-contrast: color-mix(in srgb, var(--color-warning) 65%, #000000 35%);--color-error-surface: color-mix(in srgb, var(--color-error) 18%, #ffffff 82%);--color-error-contrast: color-mix(in srgb, var(--color-error) 70%, #000000 30%);--color-info-surface: color-mix(in srgb, var(--color-info) 18%, #ffffff 82%);--color-info-contrast: color-mix(in srgb, var(--color-info) 70%, #000000 30%);--day-1: #ffedd5;--day-2: #fed7aa;--day-3: #fbbf24;--day-4: #f59e0b;--day-5: #d97706;--day-6: #b45309;--day-7: #92400e;--level-1: #fef3c7;--level-2: #fde68a;--level-3: #facc15;--level-4: #f97316;--level-5: #16a34a}[data-theme],[data-theme] .app-header,[data-theme] .app-main,[data-theme] .sidebar-menu,[data-theme] .card,[data-theme] button,[data-theme] input,[data-theme] textarea,[data-theme] select,[data-theme] .btn{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #ec4899;--secondary-light: #f472b6;--accent: #06b6d4;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--primary-surface: color-mix(in srgb, var(--primary) 15%, #ffffff 85%);--primary-contrast: color-mix(in srgb, var(--primary) 65%, #000000 35%);--success-surface: color-mix(in srgb, var(--success) 15%, #ffffff 85%);--success-contrast: color-mix(in srgb, var(--success) 65%, #000000 35%);--warning-surface: color-mix(in srgb, var(--warning) 15%, #ffffff 85%);--warning-contrast: color-mix(in srgb, var(--warning) 65%, #000000 35%);--danger-surface: color-mix(in srgb, var(--danger) 15%, #ffffff 85%);--danger-contrast: color-mix(in srgb, var(--danger) 65%, #000000 35%);--info-surface: color-mix(in srgb, var(--info) 15%, #ffffff 85%);--info-contrast: color-mix(in srgb, var(--info) 65%, #000000 35%);--background: #f9fafb;--background-alt: #f3f4f6;--card-bg: #ffffff;--border: #e5e7eb;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--text-on-primary: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--gradient-cool: linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);--gradient-success: linear-gradient(135deg, var(--success) 0%, var(--accent) 100%);--gradient-warm: linear-gradient(135deg, var(--warning) 0%, var(--secondary) 100%);--gradient-rainbow: linear-gradient(90deg, var(--primary) 0%, var(--accent) 20%, var(--success) 40%, var(--warning) 60%, var(--secondary) 80%, var(--primary) 100%);--font-sans: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--font-weight-black: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.34, 1.56, .64, 1);font-family:var(--font-sans);line-height:1.6;font-weight:var(--font-weight-normal);font-size:16px;color:var(--text-primary)}[data-theme=zen]{--primary-surface: color-mix(in srgb, var(--primary) 25%, #000000 75%);--primary-contrast: color-mix(in srgb, var(--primary) 70%, #ffffff 30%);--success-surface: color-mix(in srgb, var(--success) 25%, #000000 75%);--success-contrast: color-mix(in srgb, var(--success) 70%, #ffffff 30%);--warning-surface: color-mix(in srgb, var(--warning) 25%, #000000 75%);--warning-contrast: color-mix(in srgb, var(--warning) 70%, #ffffff 30%);--danger-surface: color-mix(in srgb, var(--danger) 25%, #000000 75%);--danger-contrast: color-mix(in srgb, var(--danger) 70%, #ffffff 30%);--info-surface: color-mix(in srgb, var(--info) 25%, #000000 75%);--info-contrast: color-mix(in srgb, var(--info) 70%, #ffffff 30%)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1024px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.2;font-weight:var(--font-weight-bold);color:var(--text-primary)}h1{font-size:2.5rem;margin-bottom:var(--spacing-lg);letter-spacing:-.025em}h2{font-size:2rem;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;margin-bottom:var(--spacing-md)}p{margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-secondary)}@media (max-width: 768px){:root{font-size:16px}.app-container{padding:var(--spacing-md)}form{padding:var(--spacing-lg)}input[type=email],input[type=text],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=url],select,textarea{font-size:16px}}form{background-color:var(--card-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border)}.form-group{margin-bottom:var(--spacing-lg)}.form-group-row{display:flex;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-lg)}.form-group-row .form-group{flex:1;margin-bottom:0}@media (max-width: 768px){.form-group-row{flex-direction:column;gap:var(--spacing-md)}.form-group-row .form-group{margin-bottom:var(--spacing-sm)}}label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}input,textarea,select{display:block;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--card-bg);background-clip:padding-box;border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-normal) ease,box-shadow var(--transition-normal) ease}option{font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #6366f126}button{display:inline-block;font-family:inherit;font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:.75rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal) var(--transition-ease);background-color:var(--primary);color:var(--primary-contrast);width:auto}button:hover,button:focus{background-color:var(--primary-dark);color:var(--primary-contrast);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.button-primary{background-color:var(--primary);color:var(--primary-contrast)}.button-secondary{background-color:var(--secondary);color:color-mix(in srgb,var(--secondary) 65%,#000000 35%)}.button-accent{background-color:var(--accent);color:color-mix(in srgb,var(--accent) 65%,#000000 35%)}.button-success{background-color:var(--success);color:var(--success-contrast)}.button-danger{background-color:var(--danger);color:var(--danger-contrast)}.button-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary)}.button-outline:hover{background-color:var(--primary);color:var(--primary-contrast)}.button-ghost{background-color:transparent;border-color:transparent;color:var(--primary)}.button-ghost:hover{background-color:#6366f11a;box-shadow:none}.button-sm{padding:.5rem 1rem;font-size:.875rem}.button-lg{padding:1rem 2rem;font-size:1.125rem}.submit-button{width:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal) var(--transition-ease);position:relative;overflow:hidden}.submit-button:hover:not(:disabled){background:linear-gradient(90deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 6px 15px #6366f140}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.submit-button:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border);transition:transform var(--transition-normal) var(--transition-ease),box-shadow var(--transition-normal) var(--transition-ease)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-body{padding:var(--spacing-lg)}.card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);background-color:var(--background-alt)}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);background-color:var(--background-alt)}.error{color:var(--danger);margin-top:var(--spacing-xs);font-size:.875rem;font-weight:var(--font-weight-medium)}.error-message{color:var(--danger);margin-top:var(--spacing-sm);font-size:.875rem;font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.success-message{color:var(--success);margin-top:var(--spacing-xs);font-size:.875rem;font-weight:var(--font-weight-medium)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:var(--spacing-md)}.auth-container{max-width:420px;margin:0 auto;padding:var(--spacing-xl);background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}@media (max-width: 768px){.auth-container{max-width:90%;margin:var(--spacing-lg) auto;padding:var(--spacing-lg)}}@media (max-width: 480px){.auth-container{min-height:75vh;padding:var(--spacing-lg)}}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-success{background-color:var(--success)}.bg-danger{background-color:var(--danger)}.bg-warning{background-color:var(--warning)}.bg-info{background-color:var(--info)}.gradient-primary{background:var(--gradient-primary)}.gradient-cool{background:var(--gradient-cool)}.gradient-success{background:var(--gradient-success)}.gradient-warm{background:var(--gradient-warm)}.gradient-rainbow{background:var(--gradient-rainbow)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.text-gradient-cool{background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.text-gradient-rainbow{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-xl{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.m-0{margin:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-fade-in{animation:fadeIn var(--transition-normal) var(--transition-ease)}.animate-slide-up{animation:slideUp var(--transition-normal) var(--transition-ease)}.animate-pulse{animation:pulse 2s infinite}.form-inline{display:flex;align-items:center;gap:var(--spacing-md)}.readonly-input{background-color:var(--background-alt);color:var(--text-secondary);cursor:not-allowed;opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:600px;margin:0 auto;padding:0 var(--spacing-lg)}.container-lg{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.w-full{width:100%}.w-auto{width:auto}.max-w-none{max-width:none}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}:root{--primary: var(--color-primary);--primary-light: var(--color-primary-light);--primary-dark: var(--color-primary-hover);--secondary: var(--color-success);--secondary-light: var(--color-success-light);--accent: var(--color-info);--background: var(--color-background);--background-alt: var(--color-surface);--card-bg: var(--color-surface);--border: var(--color-border);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-tertiary: var(--color-text-light);--text-on-primary: #ffffff;--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-error);--info: var(--color-info)}.container{max-width:700px;margin:0 auto;padding:var(--spacing-xxl) var(--spacing-lg);font-family:var(--font-sans);animation:fadeIn var(--transition-normal) var(--transition-ease);position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f108,#ec489905);z-index:-1}.header{margin-bottom:var(--spacing-xl);position:relative;background-color:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.header h1{font-size:2.75rem;margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:var(--font-weight-black);letter-spacing:-.02em;line-height:1.2;position:relative;display:inline-block;z-index:1}.header h1:after{content:"";position:absolute;bottom:-6px;left:0;width:100px;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-full);opacity:.8}.header p{font-size:1.25rem;line-height:1.5;color:var(--text-secondary);max-width:90%;margin-bottom:var(--spacing-lg)}.header:before{content:"";position:absolute;top:-5%;right:-5%;width:150px;height:150px;background:radial-gradient(circle,#6366f114,#6366f100 70%);border-radius:50%;z-index:0}ul{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);list-style-type:none;background-color:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}li{position:relative;margin-bottom:var(--spacing-md);font-size:1.1rem;color:var(--text-secondary);padding-left:var(--spacing-md);transition:transform var(--transition-normal) var(--transition-ease)}li:before{content:"✓";position:absolute;left:-5px;color:var(--primary);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;transition:transform var(--transition-normal) var(--transition-bounce)}li:hover{transform:translate(3px)}li:hover:before{transform:scale(1.2)}.form-container{background-color:var(--card-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform var(--transition-normal) var(--transition-ease);position:relative;overflow:hidden;animation:slideUp var(--transition-normal) var(--transition-ease)}.form-container:before{display:none}.form-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-group:not(:first-child){margin-top:var(--spacing-lg)}.form-group{opacity:0;transform:translateY(10px);animation:form-group-appear .6s ease-out forwards}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}@keyframes form-group-appear{to{opacity:1;transform:translateY(0)}}.email-input{width:100%;padding:.875rem 1rem;font-size:1rem;color:var(--text-primary);background-color:transparent;border:2px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-normal) var(--transition-ease);box-shadow:none}.email-input.error{border-color:var(--danger)}.email-input.error:focus{box-shadow:0 0 0 3px #ef444426}.phone-input{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;color:var(--text-primary);background-color:transparent;border:2px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-normal) var(--transition-ease);box-shadow:none;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.875rem center;background-size:20px 20px}.phone-input:hover{border-color:var(--primary-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E")}.phone-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;outline:none;transform:translateY(-1px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E")}.phone-input.error{border-color:var(--danger);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E")}.phone-input.error:focus{box-shadow:0 0 0 3px #ef444426}.help-text{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.875rem;font-weight:var(--font-weight-normal);display:flex;align-items:center;gap:var(--spacing-xs)}.help-text:before{content:"📱";font-size:1rem}.consent-group{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#6366f10d,#a855f70d);border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-lg);position:relative;overflow:hidden}.consent-group:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}.consent-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;line-height:1.5;transition:all var(--transition-normal) var(--transition-ease);position:relative}.consent-checkbox:hover{transform:translateY(-1px)}.checkbox-input{position:absolute;opacity:0;cursor:pointer;width:20px;height:20px;margin:0;z-index:1}.checkmark{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-radius:var(--radius-md);background-color:var(--card-bg);transition:all var(--transition-normal) var(--transition-ease);position:relative;flex-shrink:0;margin-top:2px;box-shadow:var(--shadow-sm)}.checkbox-input:checked+.checkmark{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:var(--primary);transform:scale(1.05);box-shadow:0 4px 12px #6366f140}.checkbox-input:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkmark-appear .3s ease-in-out}@keyframes checkmark-appear{0%{opacity:0;transform:rotate(45deg) scale(.5)}to{opacity:1;transform:rotate(45deg) scale(1)}}.consent-checkbox:hover .checkmark{border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 6px 16px #6366f126}.consent-text{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-weight:var(--font-weight-medium);flex:1;min-width:0;word-wrap:break-word}.consent-text:before{content:"🔒 ";margin-right:var(--spacing-xs);display:inline-block;width:1.2em}.consent-group{contain:layout}.consent-checkbox{will-change:transform}.submit-button{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--spacing-lg);transition:all var(--transition-normal) var(--transition-bounce)}.submit-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff1a,#fff0);transform:rotate(45deg);transition:transform var(--transition-slow) linear;z-index:1}.consent-group .error-message{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border-left:3px solid var(--primary);color:var(--primary-dark);border-radius:var(--radius-lg);padding:var(--spacing-md);font-size:.9rem;font-weight:var(--font-weight-medium);line-height:1.4;animation:gentleBounce .5s ease-out}@keyframes gentleBounce{0%{opacity:0;transform:translateY(-5px) scale(.95)}50%{transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.consent-group .error-message:before{content:"📱";font-size:16px;background:none;color:var(--primary);width:auto;height:auto;border-radius:0}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.error-message:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:var(--danger);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.success-message{background-color:var(--card-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border);animation:fadeIn var(--transition-normal) var(--transition-ease);position:relative;overflow:hidden}.success-message:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}.success-message h2{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.75rem;font-weight:var(--font-weight-bold);position:relative;display:inline-block}.success-message h2:after{content:"";position:absolute;bottom:-6px;left:0;width:100px;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-full);opacity:.8}.success-message p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:1.1rem}@media (max-width: 768px){.container{padding:var(--spacing-xl) var(--spacing-md)}.header h1{font-size:2.25rem}.header p{font-size:1.1rem}.form-container{padding:var(--spacing-md)}}@media (max-width: 480px){.container{padding:var(--spacing-lg) var(--spacing-xs)}.header h1{font-size:2rem}.header p{font-size:1rem}.form-container{padding:var(--spacing-xs);margin:0;border-radius:var(--radius-md);background-color:transparent;box-shadow:none;border:none}.form-container:before{display:none}.consent-group{padding:var(--spacing-sm);margin-top:var(--spacing-md)}.submit-button{font-size:.9rem;padding:1rem .5rem;margin-top:var(--spacing-md);line-height:1.2}ul{padding-left:var(--spacing-lg)}}:root{--secondary-bright: var(--color-success);--secondary-dark: #0f766e;--accent-teal: var(--color-info);--accent-yellow: var(--color-warning);--heading-font: "Poppins", var(--font-sans);--body-font: "Inter", var(--font-sans)}.header,.video-variant{margin-bottom:var(--spacing-xl);position:relative;padding:var(--spacing-xl) var(--spacing-lg)}.header h1,.video-variant h1{font-family:var(--heading-font);font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary);position:relative;letter-spacing:-.02em;background:linear-gradient(90deg,var(--text-primary) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.tagline{font-family:var(--heading-font);font-size:1.5rem;font-weight:600;color:var(--secondary-bright);margin-bottom:var(--spacing-lg);line-height:1.4}.header p,.video-variant p{font-family:var(--body-font);font-size:1.25rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:90%;padding:var(--spacing-sm) 0}.tagline:before{content:none!important;display:none!important}.feature-paragraphs{margin-bottom:var(--spacing-xl)}.feature-paragraphs p{position:relative;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.feature-paragraphs p:nth-child(1):before{content:"📊";position:absolute;left:0;font-size:1.2rem}.feature-paragraphs p:nth-child(2):before{content:"🔍";position:absolute;left:0;font-size:1.2rem}.feature-paragraphs p:nth-child(3):before{content:"✅";position:absolute;left:0;font-size:1.2rem}.feature-paragraphs p:nth-child(4):before{content:"🏆";position:absolute;left:0;font-size:1.2rem}.header:before,.video-variant:before{content:"";position:absolute;top:0;left:-20%;width:250px;height:250px;background:radial-gradient(circle,#6366f114,#6366f100 70%);border-radius:50%;z-index:-1}.header:after,.video-variant:after{content:"";position:absolute;bottom:0;right:-20%;width:200px;height:200px;background:radial-gradient(circle,#ec489914,#ec489900 70%);border-radius:50%;z-index:-1}.form-container{background-color:var(--card-bg);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:transform var(--transition-normal) var(--transition-ease),box-shadow var(--transition-normal) var(--transition-ease);position:relative;overflow:hidden;animation:slideUp var(--transition-normal) var(--transition-ease);margin-top:var(--spacing-xxl)}.form-heading{font-family:var(--heading-font);font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--secondary-bright);text-align:center;font-weight:600}.form-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary-bright) 100%)}.form-container:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.submit-button{width:100%;background:linear-gradient(90deg,var(--secondary-bright) 0%,var(--secondary-dark) 100%);color:var(--text-on-primary);border:none;padding:1rem 1.25rem;font-size:1.1rem;font-weight:var(--font-weight-bold);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #e74c3c40;position:relative;overflow:hidden;letter-spacing:.5px}.submit-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff1a,#fff0);transform:rotate(45deg);transition:transform .5s linear;z-index:1}.submit-button:hover{background:linear-gradient(90deg,var(--secondary-dark) 0%,var(--secondary-bright) 100%);transform:translateY(-3px);box-shadow:0 6px 15px #e74c3c59}.submit-button:hover:after{transform:rotate(45deg) translate(100%,100%)}.submit-button:active{transform:translateY(0);box-shadow:0 2px 5px #e74c3c40}.email-input{width:100%;padding:1rem 1.25rem;font-size:1rem;color:var(--text-primary);background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-normal) var(--transition-ease);box-shadow:var(--shadow-sm);font-family:var(--body-font)}.email-input:hover{border-color:var(--primary-light)}.email-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;outline:none;transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.header h1,.video-variant h1{font-size:2.25rem}.video-variant h3{font-size:1.25rem}.header p,.video-variant p{font-size:1.1rem}.form-container{padding:var(--spacing-lg)}}.creatorNote{font-family:var(--body-font);font-size:1rem;font-style:italic;color:var(--accent-teal);text-align:center;margin-bottom:var(--spacing-xl)}@media (max-width: 480px){.header h1,.video-variant h1{font-size:2rem}.video-variant h3{font-size:1.1rem}.header p,.video-variant p{font-size:1rem;padding-left:var(--spacing-xl)!important}.header p:before,.video-variant p:before{font-size:1rem}}