@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;background-color:#f9fafb;line-height:1.6}:root,[data-theme=light]{--bg: #f8fafc;--card-bg: rgba(255, 255, 255, .95);--hover-bg: rgba(100, 116, 139, .05);--text: #1e293b;--text-secondary: rgba(30, 41, 59, .7);--text-tertiary: rgba(30, 41, 59, .5);--primary: #667eea;--primary-hover: #5568d3;--primary-light: rgba(102, 126, 234, .1);--secondary: #10b981;--secondary-hover: #059669;--secondary-light: rgba(16, 185, 129, .1);--accent: #f59e0b;--accent-hover: #d97706;--accent-light: rgba(245, 158, 11, .1);--border: #e2e8f0;--border-hover: #cbd5e1;--shadow: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-accent: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--chart-1: #667eea;--chart-2: #10b981;--chart-3: #f59e0b;--chart-4: #3b82f6;--chart-5: #ec4899;--chart-6: #8b5cf6;--chart-7: #06b6d4;--chart-8: #f97316}[data-theme=dark]{--bg: #0f172a;--card-bg: rgba(255, 255, 255, .05);--hover-bg: rgba(255, 255, 255, .08);--text: #f1f5f9;--text-secondary: rgba(241, 245, 249, .7);--text-tertiary: rgba(241, 245, 249, .5);--primary: #818cf8;--primary-hover: #6366f1;--primary-light: rgba(129, 140, 248, .1);--secondary: #34d399;--secondary-hover: #10b981;--secondary-light: rgba(52, 211, 153, .1);--accent: #fbbf24;--accent-hover: #f59e0b;--accent-light: rgba(251, 191, 36, .1);--border: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--shadow: rgba(0, 0, 0, .5);--shadow-lg: rgba(0, 0, 0, .7);--success: #34d399;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--gradient-primary: linear-gradient(135deg, #818cf8 0%, #a855f7 100%);--gradient-secondary: linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-accent: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--glow-primary: 0 0 20px rgba(129, 140, 248, .4);--glow-secondary: 0 0 20px rgba(52, 211, 153, .3);--glow-accent: 0 0 20px rgba(251, 191, 36, .3);--chart-1: #818cf8;--chart-2: #34d399;--chart-3: #fbbf24;--chart-4: #60a5fa;--chart-5: #f472b6;--chart-6: #a78bfa;--chart-7: #22d3ee;--chart-8: #fb923c}[data-theme=hacker]{--bg: #0a0e27;--card-bg: rgba(0, 255, 65, .05);--hover-bg: rgba(0, 255, 65, .1);--text: #00ff41;--text-secondary: rgba(0, 255, 65, .7);--text-tertiary: rgba(0, 255, 65, .5);--primary: #00ff41;--primary-hover: #00d435;--primary-light: rgba(0, 255, 65, .1);--secondary: #00d4ff;--secondary-hover: #0099ff;--secondary-light: rgba(0, 212, 255, .1);--accent: #ff00ff;--accent-hover: #cc00cc;--accent-light: rgba(255, 0, 255, .1);--border: rgba(0, 255, 65, .2);--border-hover: rgba(0, 255, 65, .4);--shadow: rgba(0, 255, 65, .3);--shadow-lg: rgba(0, 255, 65, .5);--success: #00ff41;--warning: #ffff00;--error: #ff0099;--info: #00d4ff;--gradient-primary: linear-gradient(135deg, #00ff41 0%, #00d435 100%);--gradient-secondary: linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);--gradient-accent: linear-gradient(135deg, #ff00ff 0%, #cc00cc 100%);--glow-primary: 0 0 20px rgba(0, 255, 65, .6);--glow-secondary: 0 0 20px rgba(0, 212, 255, .5);--glow-accent: 0 0 20px rgba(255, 0, 255, .5);--chart-1: #00ff41;--chart-2: #00d4ff;--chart-3: #ff00ff;--chart-4: #ffff00;--chart-5: #ff6600;--chart-6: #00ffff;--chart-7: #ff0099;--chart-8: #66ff00}[data-theme=ocean]{--bg: #0d1b2a;--card-bg: rgba(59, 130, 246, .1);--hover-bg: rgba(59, 130, 246, .15);--text: #e0f2fe;--text-secondary: rgba(224, 242, 254, .7);--text-tertiary: rgba(224, 242, 254, .5);--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: rgba(59, 130, 246, .1);--secondary: #06b6d4;--secondary-hover: #0891b2;--secondary-light: rgba(6, 182, 212, .1);--accent: #a855f7;--accent-hover: #7c3aed;--accent-light: rgba(168, 85, 247, .1);--border: rgba(59, 130, 246, .2);--border-hover: rgba(59, 130, 246, .3);--shadow: rgba(0, 0, 0, .5);--shadow-lg: rgba(0, 0, 0, .7);--success: #14b8a6;--warning: #f59e0b;--error: #ef4444;--info: #0ea5e9;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-accent: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);--glow-primary: 0 0 20px rgba(59, 130, 246, .4);--glow-secondary: 0 0 20px rgba(6, 182, 212, .4);--glow-accent: 0 0 20px rgba(168, 85, 247, .4);--chart-1: #3b82f6;--chart-2: #06b6d4;--chart-3: #a855f7;--chart-4: #0ea5e9;--chart-5: #8b5cf6;--chart-6: #14b8a6;--chart-7: #6366f1;--chart-8: #22d3ee}[data-theme=purple]{--bg: #1a1625;--card-bg: rgba(168, 85, 247, .1);--hover-bg: rgba(168, 85, 247, .15);--text: #faf5ff;--text-secondary: rgba(250, 245, 255, .7);--text-tertiary: rgba(250, 245, 255, .5);--primary: #a855f7;--primary-hover: #9333ea;--primary-light: rgba(168, 85, 247, .1);--secondary: #ec4899;--secondary-hover: #db2777;--secondary-light: rgba(236, 72, 153, .1);--accent: #f59e0b;--accent-hover: #d97706;--accent-light: rgba(245, 158, 11, .1);--border: rgba(168, 85, 247, .2);--border-hover: rgba(168, 85, 247, .3);--shadow: rgba(0, 0, 0, .5);--shadow-lg: rgba(0, 0, 0, .7);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #8b5cf6;--gradient-primary: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #db2777 100%);--gradient-accent: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--glow-primary: 0 0 20px rgba(168, 85, 247, .5);--glow-secondary: 0 0 20px rgba(236, 72, 153, .4);--glow-accent: 0 0 20px rgba(245, 158, 11, .3);--chart-1: #a855f7;--chart-2: #ec4899;--chart-3: #f59e0b;--chart-4: #8b5cf6;--chart-5: #f472b6;--chart-6: #c026d3;--chart-7: #d946ef;--chart-8: #fb7185}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:background .3s ease,color .3s ease;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border)}.glass-strong{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.shadow-sm{box-shadow:0 1px 2px var(--shadow)}.shadow-md{box-shadow:0 4px 6px var(--shadow)}.shadow-lg{box-shadow:0 10px 15px var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px var(--shadow-lg)}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 25px var(--shadow-lg),var(--glow-primary)}.hover-glow:hover{box-shadow:var(--glow-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s cubic-bezier(.4,0,.2,1) forwards}.pulse{animation:pulse 2s infinite}.spin{animation:spin 1s linear infinite}.gradient-primary{background:var(--gradient-primary)}.gradient-secondary{background:var(--gradient-secondary)}.gradient-accent{background:var(--gradient-accent)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root{--primary-color: #4F46E5;--primary-hover: #4338CA;--primary-light: #a7a2f7;--secondary-color: #10B981;--secondary-light: #6EE7B7;--secondary-hover: #059669;--text-color: #1f2937;--text-light: #6b7280;--bg-light: #f9fafb;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));z-index:9999;width:0%;transition:width .2s ease-out}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.header-main{position:sticky;top:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000000d;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.header-main.header-compact .nav-content{padding:.75rem 0}.header-main.header-compact .brand-logo{height:32px}.header-main.header-hidden{transform:translateY(-100%)}.header-main.scrolled{background:#fffffffa;box-shadow:0 4px 6px #0000001a}.nav-container{max-width:1280px;margin:0 auto;padding:0 1rem}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;transition:padding .3s ease}.nav-brand{display:flex;align-items:center;gap:.75rem}.brand-link{display:flex;align-items:center;gap:.5rem;text-decoration:none}.brand-logo{height:32px;width:auto;transition:height .3s ease}.brand-text{font-size:1.5rem;font-weight:700;color:var(--primary-color);display:none}.brand-tagline{font-size:.75rem;color:var(--text-light);display:none}.nav-desktop{display:none;align-items:center;gap:2rem}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.nav-link.active:after{content:"";position:absolute;bottom:-.25rem;left:0;right:0;height:2px;background:var(--primary-color)}.nav-auth{display:flex;align-items:center;gap:1rem}.nav-welcome{color:var(--text-color);font-weight:500;display:none}.btn-primary,.btn-primary-lg,.btn-primary-sm{background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer}.btn-primary:hover,.btn-primary-lg:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #4f46e54d}.btn-secondary,.btn-secondary-lg,.btn-secondary-sm{background:#fff;color:var(--primary-color);padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid var(--primary-color);cursor:pointer}.btn-secondary:hover,.btn-secondary-lg:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-outline,.btn-outline-sm{background:transparent;color:var(--text-color);padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid var(--border-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-primary-lg,.btn-secondary-lg{padding:1rem 2rem;font-size:1.125rem}.btn-primary-sm,.btn-secondary-sm,.btn-outline-sm{padding:.5rem 1rem;font-size:.875rem}.marquee-container{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));overflow:hidden;padding:.75rem 0;position:relative}.marquee-content{display:flex;gap:3rem;animation:marquee 20s linear infinite;white-space:nowrap}.marquee-content span{color:#fff;font-weight:600;font-size:.875rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}#particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.hero-content-wrapper{position:relative;z-index:2;text-align:center;padding:2rem;max-width:1200px;margin:0 auto}.hero-badge{display:inline-block;padding:.5rem 1.5rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:9999px;color:#fff;font-weight:600;font-size:.875rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.hero-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.2}.text-gradient{background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#ffffffe6;margin-bottom:2.5rem;line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto}.highlight-primary{color:#fbbf24;font-weight:700}.highlight-secondary{color:#6ee7b7;font-weight:700}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.trust-indicators{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.trust-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:500;font-size:.875rem}.trust-icon{width:1.25rem;height:1.25rem;color:#6ee7b7}.hero-animation{margin-top:4rem;position:relative}.hero-svg{width:100%;max-width:400px;height:auto;margin:0 auto;display:block}.flow-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 3s ease-in-out forwards,flowAnimation 4s ease-in-out infinite}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes flowAnimation{0%,to{opacity:.8}50%{opacity:1}}.pulse-dot,.pulse-dot-large{animation:pulse 2s ease-in-out infinite}.pulse-dot-large{animation:pulse 2s ease-in-out .5s infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.scroll-indicator{display:inline-block;margin-top:2rem;color:#fff;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-on-scroll{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.section-padding{padding:5rem 1rem}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;padding:.5rem 1.5rem;background:#4f46e51a;color:var(--primary-color);border-radius:9999px;font-weight:600;font-size:.875rem;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:800;color:var(--text-color);margin-bottom:1rem}.gradient-text{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:var(--text-light);max-width:700px;margin:0 auto}@media(min-width:768px){.nav-desktop{display:flex}.nav-mobile{display:none}.brand-text,.brand-tagline,.nav-welcome{display:block}.hero-title{font-size:4rem}.section-title{font-size:3rem}}@media(max-width:767px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column;align-items:stretch}.btn-primary-lg,.btn-secondary-lg{width:100%}.section-title{font-size:1.875rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.header-main{position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000000d;transition:all .5s ease}.header-time-fajr-dawn{background:linear-gradient(135deg,#9370db1f,#4f46e51a,#ba55d314),#ffffffd9;border-bottom:1px solid rgba(147,112,219,.3)}.header-time-fajr-dawn.scrolled{background:linear-gradient(135deg,#9370db2e,#4f46e526,#ba55d31f),#ffffffeb;box-shadow:0 4px 12px #9370db26}.header-time-fajr-dawn .nav-link{color:#5b21b6}.header-time-fajr-dawn .nav-link:hover{color:#4f46e5}.header-time-sunrise-energy{background:linear-gradient(135deg,#fbbf241a,#10b9811f,#fcd34d14),#ffffffe0;border-bottom:1px solid rgba(251,191,36,.3)}.header-time-sunrise-energy.scrolled{background:linear-gradient(135deg,#fbbf2426,#10b9812e,#fcd34d1f),#ffffffed;box-shadow:0 4px 12px #fbbf2433}.header-time-sunrise-energy .nav-link{color:#059669}.header-time-sunrise-energy .nav-link:hover{color:#d97706}.header-time-midday-bright{background:linear-gradient(135deg,#38bdf81a,#4f46e51f,#0ea5e914),#ffffffe6;border-bottom:1px solid rgba(56,189,248,.3)}.header-time-midday-bright.scrolled{background:linear-gradient(135deg,#38bdf826,#4f46e52e,#0ea5e91f),#fffffff0;box-shadow:0 4px 12px #38bdf833}.header-time-midday-bright .nav-link{color:#1e40af}.header-time-midday-bright .nav-link:hover{color:#4f46e5}.header-time-afternoon-golden{background:linear-gradient(135deg,#fb923c1a,#10b9811a,#fcb04014),#ffffffe0;border-bottom:1px solid rgba(251,146,60,.3)}.header-time-afternoon-golden.scrolled{background:linear-gradient(135deg,#fb923c26,#10b98126,#fcb0401f),#ffffffed;box-shadow:0 4px 12px #fb923c33}.header-time-afternoon-golden .nav-link{color:#c2410c}.header-time-afternoon-golden .nav-link:hover{color:#059669}.header-time-evening-sunset{background:linear-gradient(135deg,#f472b61f,#4f46e51a,#fb71851a),#ffffffde;border-bottom:1px solid rgba(244,114,182,.3)}.header-time-evening-sunset.scrolled{background:linear-gradient(135deg,#f472b62e,#4f46e526,#fb718526),#ffffffeb;box-shadow:0 4px 12px #f472b633}.header-time-evening-sunset .nav-link{color:#be123c}.header-time-evening-sunset .nav-link:hover{color:#4f46e5}.header-time-night-calm{background:linear-gradient(135deg,#1e3a8a26,#4f46e51f,#3730a31a),#f8fafce6;border-bottom:1px solid rgba(79,70,229,.3)}.header-time-night-calm.scrolled{background:linear-gradient(135deg,#1e3a8a33,#4f46e52e,#3730a326),#f8fafcf2;box-shadow:0 4px 12px #4f46e540}.header-time-night-calm .nav-link{color:#312e81}.header-time-night-calm .nav-link:hover{color:#4f46e5}.header-main .btn-primary-sm{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 2px 8px #4f46e54d;transition:all .3s ease}.header-main .btn-primary-sm:hover{box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.header-main .btn-secondary-sm{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(79,70,229,.3);color:#4f46e5;transition:all .3s ease}.header-main .btn-secondary-sm:hover{background:#fffffff2;box-shadow:0 2px 8px #4f46e533;transform:translateY(-1px)}.header-time-fajr-dawn .brand-logo{filter:drop-shadow(0 0 8px rgba(147,112,219,.3))}.header-time-sunrise-energy .brand-logo{filter:drop-shadow(0 0 8px rgba(251,191,36,.3))}.header-time-midday-bright .brand-logo{filter:drop-shadow(0 0 8px rgba(56,189,248,.3))}.header-time-afternoon-golden .brand-logo{filter:drop-shadow(0 0 8px rgba(251,146,60,.3))}.header-time-evening-sunset .brand-logo{filter:drop-shadow(0 0 8px rgba(244,114,182,.3))}.header-time-night-calm .brand-logo{filter:drop-shadow(0 0 8px rgba(79,70,229,.3))}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-main,.header-main .nav-link,.header-main .brand-logo{transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-section{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}html{scroll-behavior:smooth}.hero-content-wrapper>*{will-change:transform,opacity}#particles-js{will-change:transform}@media(max-width:640px){.hero-section{min-height:calc(100vh - 60px)}.trust-indicators{flex-direction:column;align-items:center;gap:1rem}.hero-svg{max-width:300px}}@media(prefers-color-scheme:dark){.hero-section{background:linear-gradient(135deg,#1e3a8a,#581c87)}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.bg-white{background-color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;margin-bottom:4rem}.feature-card{position:relative;padding:2.5rem 2rem;background:#fff;border-radius:1.5rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 6px -1px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.feature-card.special{background:linear-gradient(135deg,#fb923c0d,#f973160d);border-color:#fb923c33}.feature-card.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card.floating:hover{animation:none;transform:translateY(-8px)}.primary{--color-main: #4F46E5;--color-light: rgba(79, 70, 229, .1);--color-hover: rgba(79, 70, 229, .2)}.secondary{--color-main: #10B981;--color-light: rgba(16, 185, 129, .1);--color-hover: rgba(16, 185, 129, .2)}.orange{--color-main: #F97316;--color-light: rgba(249, 115, 22, .1);--color-hover: rgba(249, 115, 22, .2)}.purple{--color-main: #9333EA;--color-light: rgba(147, 51, 234, .1);--color-hover: rgba(147, 51, 234, .2)}.green{--color-main: #22C55E;--color-light: rgba(34, 197, 94, .1);--color-hover: rgba(34, 197, 94, .2)}.blue{--color-main: #3B82F6;--color-light: rgba(59, 130, 246, .1);--color-hover: rgba(59, 130, 246, .2)}.feature-icon-wrapper{position:relative;width:80px;height:80px;margin-bottom:1.5rem;transition:all .4s ease}.feature-icon-bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.25rem;background:var(--color-main);transition:all .4s ease}.feature-card:hover .feature-icon-bg{transform:scale(1.1) rotate(5deg);border-radius:1.5rem;box-shadow:0 10px 30px var(--color-hover)}.feature-icon{position:relative;width:60px;height:60px;color:#fff;display:block;margin:10px auto;transition:all .4s ease}.feature-card:hover .feature-icon{transform:scale(1.1);filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.feature-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;transition:color .3s ease}.feature-card:hover .feature-title{color:var(--color-main)}.feature-description{font-size:1rem;line-height:1.6;color:#6b7280;margin-bottom:1.25rem;transition:color .3s ease}.feature-card:hover .feature-description{color:#4b5563}.feature-badge{display:inline-block;padding:.375rem .875rem;background:var(--color-light);color:var(--color-main);border-radius:9999px;font-size:.8125rem;font-weight:600;margin-bottom:.75rem;transition:all .3s ease}.feature-card:hover .feature-badge{background:var(--color-main);color:#fff;transform:scale(1.05)}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{padding:.25rem .75rem;background:var(--color-light);color:var(--color-main);border-radius:.375rem;font-size:.75rem;font-weight:500;transition:all .3s ease}.feature-card:hover .tag{background:var(--color-main);color:#fff}.feature-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.feature-stats.triple{grid-template-columns:repeat(3,1fr)}.stat{text-align:center;padding:.75rem;background:var(--color-light);border-radius:.75rem;transition:all .3s ease}.feature-card:hover .stat{background:var(--color-hover);transform:translateY(-2px)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-main)}.stat-label{font-size:.75rem;color:#6b7280;margin-top:.25rem}.feature-status{margin-top:1rem}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-light);border-radius:9999px;transition:all .3s ease}.feature-card:hover .status-indicator{background:var(--color-main)}.ping{position:relative;display:inline-block;width:8px;height:8px;background:var(--color-main);border-radius:50%;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.feature-card:hover .ping{background:#fff}@keyframes ping{0%,to{opacity:1}50%{opacity:.5;transform:scale(1.5)}}.status-text{font-size:.875rem;font-weight:600;color:var(--color-main)}.feature-card:hover .status-text{color:#fff}.feature-emojis{display:flex;gap:.5rem;margin-top:1rem}.emoji-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-light);border-radius:50%;font-size:1.25rem;transition:all .3s ease}.feature-card:hover .emoji-badge{transform:scale(1.2) rotate(10deg);background:var(--color-hover)}.feature-highlight{margin-top:1rem}.highlight-badge{display:inline-block;padding:.5rem 1rem;background:var(--color-main);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:700;box-shadow:0 4px 6px -1px var(--color-hover);transition:all .3s ease}.feature-card:hover .highlight-badge{transform:scale(1.05);box-shadow:0 10px 15px -3px var(--color-hover)}.features-cta{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#4f46e50d,#10b9810d);border-radius:1.5rem;border:1px solid rgba(79,70,229,.1);margin-top:2rem}.features-cta-text{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:2rem}.features-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem 1.5rem}.feature-icon-wrapper{width:64px;height:64px}.feature-icon{width:48px;height:48px;margin:8px auto}.feature-title{font-size:1.25rem}.feature-description{font-size:.9375rem}.feature-stats.triple{grid-template-columns:repeat(2,1fr)}.features-cta{padding:2rem 1.5rem}.features-cta-text{font-size:1.125rem}.features-cta-buttons{flex-direction:column;align-items:stretch}.features-cta-buttons a{width:100%}}@media(max-width:640px){.features-grid{gap:1rem}.feature-badge{font-size:.75rem;padding:.25rem .75rem}.tag{font-size:.6875rem;padding:.25rem .625rem}.stat-value{font-size:1.25rem}.emoji-badge{width:36px;height:36px;font-size:1.125rem}}.animate-on-scroll{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.feature-card:focus{outline:2px solid var(--color-main);outline-offset:2px}.feature-card:focus-visible{outline:2px solid var(--color-main);outline-offset:2px}@media print{.feature-card{box-shadow:none;border:1px solid #e5e7eb;break-inside:avoid}.features-cta{display:none}.feature-card.floating{animation:none}}.how-it-works-desktop{display:none}@media(min-width:768px){.how-it-works-desktop{display:block}.how-it-works-mobile{display:none}}.steps-container{position:relative;padding:2rem 0}.steps-path{position:absolute;top:0;left:0;width:100%;height:300px;z-index:0;pointer-events:none}.animated-path{animation:drawPath 2s ease-out forwards}@keyframes drawPath{to{stroke-dashoffset:0}}.steps-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;padding:2rem 0}.step-card{position:relative}.step-card-inner{background:#fff;padding:2.5rem 2rem;border-radius:1.5rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 6px -1px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;height:100%}.step-card:hover .step-card-inner{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.step-number{position:absolute;top:1.5rem;right:1.5rem;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;transition:all .3s ease}.step-card:hover .step-number{transform:scale(1.1) rotate(10deg)}.step-icon-wrapper{width:80px;height:80px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .4s ease}.step-icon-wrapper svg{width:40px;height:40px;color:#fff}.step-card:hover .step-icon-wrapper{transform:scale(1.1) rotate(-5deg);box-shadow:0 10px 30px #0003}.step-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.step-description{font-size:1rem;line-height:1.6;color:#6b7280}.step-decoration{position:absolute;bottom:0;right:0;width:150px;height:150px;border-radius:1.5rem 0;opacity:.3;transition:all .4s ease}.step-card:hover .step-decoration{opacity:.5;transform:scale(1.1)}.how-it-works-mobile{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.how-it-works-mobile{display:none}}.step-mobile{display:flex;gap:1.5rem;position:relative}.step-mobile-line{position:absolute;left:30px;top:70px;width:3px;height:calc(100% + 2rem);opacity:.2}.step-mobile:last-child .step-mobile-line{display:none}.step-mobile-icon{flex-shrink:0;width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center}.step-mobile-icon svg{width:30px;height:30px;color:#fff}.step-mobile-content{flex:1;background:#fff;padding:1.5rem;border-radius:1rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 6px -1px #0000000d}.step-mobile-number{font-size:.875rem;font-weight:700;margin-bottom:.5rem}.step-mobile-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.step-mobile-description{font-size:.9375rem;line-height:1.6;color:#6b7280}.how-it-works-cta{margin-top:4rem;padding:3rem 2rem;background:linear-gradient(135deg,#4f46e50d,#10b9810d);border-radius:1.5rem;border:1px solid rgba(79,70,229,.1)}.cta-content{text-align:center;margin-bottom:3rem}.cta-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.75rem}.cta-subtitle{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.06)}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(90deg,#4f46e5,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500}@media(max-width:768px){.step-mobile-icon{width:56px;height:56px}.step-mobile-icon svg{width:28px;height:28px}.how-it-works-cta{padding:2rem 1.5rem}.cta-title{font-size:1.5rem}.cta-subtitle{font-size:1rem}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons a{width:100%}.cta-stats{grid-template-columns:1fr;gap:1.5rem}.stat-number{font-size:2rem}}@media(max-width:640px){.step-mobile-icon{width:48px;height:48px}.step-mobile-icon svg{width:24px;height:24px}.step-mobile-line{left:24px}}.features-section-premium{padding:120px 0;background:linear-gradient(180deg,#f8fafc80,#f1f5f9cc,#f8fafc80);position:relative;overflow:hidden}.features-section-premium:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(79,70,229,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.03) 0%,transparent 50%);animation:floatBackground 20s ease-in-out infinite;pointer-events:none}@keyframes floatBackground{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.section-header-premium{text-align:center;margin-bottom:80px;animation:fadeInUp .8s ease-out}.section-title-premium{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1.5rem;line-height:1.2}.gradient-text-animated{background:linear-gradient(135deg,#4f46e5,#7c3aed,#ec4899,#10b981,#4f46e5);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-subtitle-premium{font-size:1.25rem;color:#64748b;max-width:700px;margin:0 auto;line-height:1.7}.features-swiper{padding:40px 20px 80px;position:relative}.features-swiper .swiper-slide{height:auto;display:flex;align-items:stretch}.features-swiper .swiper-button-next,.features-swiper .swiper-button-prev{width:50px;height:50px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.features-swiper .swiper-button-next:after,.features-swiper .swiper-button-prev:after{font-size:20px;color:#4f46e5;font-weight:700}.features-swiper .swiper-button-next:hover,.features-swiper .swiper-button-prev:hover{background:#4f46e51a;transform:scale(1.1);box-shadow:0 6px 25px #4f46e533}.features-swiper .swiper-pagination{bottom:20px}.features-swiper .swiper-pagination-bullet{width:12px;height:12px;background:#cbd5e1;opacity:1;transition:all .3s ease}.features-swiper .swiper-pagination-bullet-active{background:#4f46e5;transform:scale(1.3);box-shadow:0 0 10px #4f46e580}.feature-card-3d{width:100%;height:500px;perspective:1500px;cursor:pointer;position:relative}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1)}.feature-card-3d.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:24px;overflow:hidden}.card-front{transform:rotateY(0)}.card-back{transform:rotateY(180deg)}.glass-morphism{width:100%;height:100%;padding:32px;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014,inset 0 0 0 1px #ffffff80;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:all .3s ease}.feature-card-3d:hover .glass-morphism{background:#ffffffd9;box-shadow:0 12px 48px #0000001f,inset 0 0 0 1px #ffffffb3;transform:translateY(-8px)}.variant-primary .glass-morphism:before{background:linear-gradient(135deg,#4f46e51a,#6366f10d)}.variant-secondary .glass-morphism:before{background:linear-gradient(135deg,#10b9811a,#0596690d)}.variant-orange .glass-morphism:before{background:linear-gradient(135deg,#fb923c1a,#f973160d)}.variant-purple .glass-morphism:before{background:linear-gradient(135deg,#a855f71a,#9333ea0d)}.variant-green .glass-morphism:before{background:linear-gradient(135deg,#22c55e1a,#16a34a0d)}.variant-blue .glass-morphism:before{background:linear-gradient(135deg,#3b82f61a,#2563eb0d)}.variant-pink .glass-morphism:before{background:linear-gradient(135deg,#ec48991a,#db27770d)}.variant-indigo .glass-morphism:before{background:linear-gradient(135deg,#6366f11a,#4f46e50d)}.glass-morphism:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.animation-container{width:120px;height:120px;margin:0 auto 24px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.icon-fallback-large{font-size:72px;text-shadow:0 4px 12px rgba(0,0,0,.1);animation:floatIcon 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(79,70,229,.3))}@keyframes floatIcon{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.premium-badge{position:absolute;top:20px;right:20px;padding:8px 16px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.badge-primary{background:#4f46e5e6;color:#fff}.badge-secondary{background:#10b981e6;color:#fff}.badge-orange{background:#fb923ce6;color:#fff}.badge-purple{background:#a855f7e6;color:#fff}.badge-green{background:#22c55ee6;color:#fff}.badge-blue{background:#3b82f6e6;color:#fff}.badge-pink{background:#ec4899e6;color:#fff}.badge-indigo{background:#6366f1e6;color:#fff}.card-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:16px;text-align:center;z-index:1;position:relative;line-height:1.3}.card-description{font-size:.95rem;color:#475569;line-height:1.7;text-align:center;margin-bottom:24px;z-index:1;position:relative;flex-grow:1}.flip-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;color:#64748b;z-index:1;position:relative;margin-top:auto;padding-top:16px;border-top:1px solid rgba(148,163,184,.2)}.flip-indicator svg{opacity:.6;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-title-back{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:12px;z-index:1;position:relative;text-align:center}.card-detailed-desc{font-size:.9rem;color:#64748b;margin-bottom:20px;z-index:1;position:relative;text-align:center;font-style:italic}.features-list{margin-bottom:20px;z-index:1;position:relative}.features-list h4{font-size:.875rem;font-weight:700;color:#1e293b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.features-list ul{list-style:none;padding:0;margin:0}.features-list li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.875rem;color:#475569;border-bottom:1px solid rgba(148,163,184,.1)}.features-list li:last-child{border-bottom:none}.features-list svg{flex-shrink:0;color:#10b981;filter:drop-shadow(0 0 3px rgba(16,185,129,.3))}.use-cases{margin-bottom:20px;z-index:1;position:relative}.use-cases h4{font-size:.875rem;font-weight:700;color:#1e293b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.use-case-tags{display:flex;flex-wrap:wrap;gap:8px}.use-case-tag{padding:6px 14px;background:#4f46e51a;color:#4f46e5;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(79,70,229,.2);transition:all .2s ease}.use-case-tag:hover{background:#4f46e533;transform:translateY(-2px);box-shadow:0 4px 8px #4f46e533}.card-cta-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #4f46e54d;z-index:1;position:relative;margin-top:auto}.card-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4f46e566;background:linear-gradient(135deg,#4338ca,#6d28d9)}.card-cta-btn svg{transition:transform .3s ease}.card-cta-btn:hover svg{transform:translate(4px)}.features-cta-premium{text-align:center;margin-top:80px;padding:60px 40px;background:linear-gradient(135deg,#4f46e50d,#a855f70d,#ec48990d);border-radius:32px;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp 1s ease-out .5s both}.cta-text-premium{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:32px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-buttons-premium{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary-premium{padding:18px 40px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-decoration:none;border-radius:16px;font-size:1.125rem;font-weight:700;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 8px 30px #4f46e54d}.btn-primary-premium:hover{transform:translateY(-4px);box-shadow:0 12px 40px #4f46e566;background:linear-gradient(135deg,#4338ca,#6d28d9)}.btn-outline-premium{padding:18px 40px;background:#ffffffe6;color:#4f46e5;text-decoration:none;border-radius:16px;font-size:1.125rem;font-weight:700;border:2px solid #4F46E5;transition:all .3s ease;display:inline-block}.btn-outline-premium:hover{background:#4f46e5;color:#fff;transform:translateY(-4px);box-shadow:0 8px 30px #4f46e54d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.features-section-premium{padding:80px 0}.section-header-premium{margin-bottom:60px}.section-title-premium{font-size:2rem}.section-subtitle-premium{font-size:1rem}.feature-card-3d{height:450px}.glass-morphism{padding:24px}.animation-container{width:100px;height:100px;margin-bottom:20px}.icon-fallback-large{font-size:60px}.card-title{font-size:1.25rem}.card-description{font-size:.875rem}.features-cta-premium{padding:40px 24px;margin-top:60px}.cta-text-premium{font-size:1.125rem}.btn-primary-premium,.btn-outline-premium{width:100%;justify-content:center}.cta-buttons-premium{flex-direction:column;width:100%}}.react-loading-skeleton{--base-color: rgba(255, 255, 255, .1);--highlight-color: rgba(255, 255, 255, .2);border-radius:12px}.feature-card-3d,.card-inner,.glass-morphism{transform:translateZ(0);will-change:transform}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.feature-card-3d.flipped .card-inner{transition:none}}.feature-card-3d{z-index:10;position:relative}.swiper-button-next,.swiper-button-prev,.swiper-pagination{z-index:5!important}.card-inner{pointer-events:auto;z-index:11}.card-back .glass-morphism{overflow-y:auto;overflow-x:hidden;max-height:100%}.card-back .glass-morphism::-webkit-scrollbar{width:6px}.card-back .glass-morphism::-webkit-scrollbar-track{background:#94a3b81a;border-radius:3px}.card-back .glass-morphism::-webkit-scrollbar-thumb{background:#4f46e54d;border-radius:3px}.card-back .glass-morphism::-webkit-scrollbar-thumb:hover{background:#4f46e580}.feature-card-3d.flipped .card-front{pointer-events:none}.feature-card-3d:not(.flipped) .card-back{pointer-events:none}.card-front .glass-morphism{pointer-events:auto}.swiper-slide{z-index:1}.swiper-slide-active{z-index:10}.card-back .glass-morphism{padding-bottom:40px}.animation-container,.animation-container *,.premium-badge,.flip-indicator{pointer-events:none}.feature-card-3d{cursor:pointer;-webkit-tap-highlight-color:transparent}.card-back .glass-morphism{scroll-behavior:smooth}@media(max-width:768px){.feature-card-3d{-webkit-user-select:none;user-select:none;touch-action:manipulation}.card-back .glass-morphism{-webkit-overflow-scrolling:touch}}.features-swiper{z-index:1}.features-swiper .swiper-wrapper{z-index:2}.card-title,.card-description{pointer-events:none}.card-cta-btn{pointer-events:auto;position:relative;z-index:20}.use-case-tag{pointer-events:auto;position:relative;z-index:15}.swiper-slide{touch-action:auto}.features-swiper .swiper-button-next,.features-swiper .swiper-button-prev,.features-swiper .swiper-pagination{pointer-events:none!important;z-index:5!important}.feature-card-3d{z-index:100!important;position:relative}.swiper-slide{z-index:10!important}.card-inner{z-index:101!important;pointer-events:auto!important}.card-front .glass-morphism,.card-back .glass-morphism{pointer-events:auto!important;position:relative;z-index:102!important}.card-back .glass-morphism{min-height:100%;height:100%;background:#fffc!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important}.variant-primary .card-back .glass-morphism{background:linear-gradient(135deg,#4f46e51f,#6366f114),#ffffffd9!important}.variant-secondary .card-back .glass-morphism{background:linear-gradient(135deg,#10b9811f,#05966914),#ffffffd9!important}.variant-orange .card-back .glass-morphism{background:linear-gradient(135deg,#fb923c1f,#f9731614),#ffffffd9!important}.variant-purple .card-back .glass-morphism{background:linear-gradient(135deg,#a855f71f,#9333ea14),#ffffffd9!important}.variant-green .card-back .glass-morphism{background:linear-gradient(135deg,#22c55e1f,#16a34a14),#ffffffd9!important}.variant-blue .card-back .glass-morphism{background:linear-gradient(135deg,#3b82f61f,#2563eb14),#ffffffd9!important}.variant-pink .card-back .glass-morphism{background:linear-gradient(135deg,#ec48991f,#db277714),#ffffffd9!important}.variant-indigo .card-back .glass-morphism{background:linear-gradient(135deg,#6366f11f,#4f46e514),#ffffffd9!important}.features-swiper .swiper-wrapper{pointer-events:none!important}.features-swiper .swiper-slide{pointer-events:auto!important}.feature-card-3d *{pointer-events:auto}.feature-card-3d .animation-container,.feature-card-3d .animation-container *,.feature-card-3d .premium-badge,.feature-card-3d .flip-indicator,.feature-card-3d .card-title,.feature-card-3d .card-description{pointer-events:none!important}.card-cta-btn,.use-case-tag{pointer-events:auto!important;position:relative;z-index:103!important}.feature-card-3d{cursor:pointer!important;touch-action:auto!important}.features-swiper{touch-action:pan-y!important}.card-back .glass-morphism{border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 8px 32px #00000014,inset 0 0 0 1px #ffffff80!important}.variant-primary .card-back .glass-morphism::-webkit-scrollbar-thumb{background:#4f46e566!important}.variant-secondary .card-back .glass-morphism::-webkit-scrollbar-thumb{background:#10b98166!important}.variant-orange .card-back .glass-morphism::-webkit-scrollbar-thumb{background:#fb923c66!important}.variant-purple .card-back .glass-morphism::-webkit-scrollbar-thumb{background:#a855f766!important}.variant-green .card-back .glass-morphism::-webkit-scrollbar-thumb{background:#22c55e66!important}.variant-blue .card-back .glass-morphism::-webkit-scrollbar-thumb{background:#3b82f666!important}.variant-pink .card-back .glass-morphism::-webkit-scrollbar-thumb{background:#ec489966!important}.variant-indigo .card-back .glass-morphism::-webkit-scrollbar-thumb{background:#6366f166!important}.card-back .glass-morphism:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}.variant-primary .card-back .glass-morphism:before{background:linear-gradient(135deg,#4f46e51a,#6366f10d)}.variant-secondary .card-back .glass-morphism:before{background:linear-gradient(135deg,#10b9811a,#0596690d)}.variant-orange .card-back .glass-morphism:before{background:linear-gradient(135deg,#fb923c1a,#f973160d)}.variant-purple .card-back .glass-morphism:before{background:linear-gradient(135deg,#a855f71a,#9333ea0d)}.variant-green .card-back .glass-morphism:before{background:linear-gradient(135deg,#22c55e1a,#16a34a0d)}.variant-blue .card-back .glass-morphism:before{background:linear-gradient(135deg,#3b82f61a,#2563eb0d)}.variant-pink .card-back .glass-morphism:before{background:linear-gradient(135deg,#ec48991a,#db27770d)}.variant-indigo .card-back .glass-morphism:before{background:linear-gradient(135deg,#6366f11a,#4f46e50d)}.swiper-slide{overflow:visible!important}.features-swiper .swiper-button-next,.features-swiper .swiper-button-prev{pointer-events:auto!important;z-index:200!important;position:absolute;width:50px;height:50px}.features-swiper .swiper-pagination{pointer-events:auto!important;z-index:200!important}.swiper-slide{z-index:100!important}.feature-card-3d{z-index:150!important;position:relative}.features-swiper .swiper-button-prev{left:-60px}.features-swiper .swiper-button-next{right:-60px}@media(max-width:1400px){.features-swiper .swiper-button-prev{left:10px}.features-swiper .swiper-button-next{right:10px}.features-swiper .swiper-button-next,.features-swiper .swiper-button-prev{z-index:250!important}}.features-swiper .swiper-button-next:after,.features-swiper .swiper-button-prev:after{pointer-events:auto!important}.features-swiper .swiper-button-next,.features-swiper .swiper-button-prev{padding:10px;cursor:pointer}.benefits-section{background:#fff}.benefits-tabs{display:flex;justify-content:center;gap:1rem;margin:2.5rem 0;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:10px;padding:16px 32px;border:2px solid rgba(0,0,0,.1);background:#fff;border-radius:12px;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.tab-btn svg{transition:all .3s ease}.tab-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #4f46e526}.tab-btn.active{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#4f46e5;color:#fff;box-shadow:0 4px 12px #4f46e54d}.tab-btn.active svg{transform:scale(1.1)}.benefits-content{animation:fadeIn .5s ease-in-out}.benefits-header{text-align:center;margin:3rem 0 2.5rem}.benefits-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:.75rem}.benefits-subtitle{font-size:1.125rem;color:#6b7280;font-weight:500}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.benefit-card{position:relative;border-radius:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.benefit-card-inner{position:relative;height:100%;background:#fff;border-radius:1.5rem;border:1px solid rgba(0,0,0,.06);padding:2.5rem 2rem;box-shadow:0 4px 6px -1px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.benefit-card:hover .benefit-card-inner{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.benefit-icon{width:72px;height:72px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .4s ease;position:relative;z-index:2}.benefit-card:hover .benefit-icon{transform:scale(1.1) rotate(5deg)}.benefit-icon svg{width:36px;height:36px;color:#fff}.benefit-stat{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:2}.benefit-title{font-size:1.375rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;position:relative;z-index:2}.benefit-description{font-size:1rem;line-height:1.6;color:#6b7280;position:relative;z-index:2}.benefit-decoration{position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;border-radius:50%;opacity:.5;transition:all .4s ease;z-index:1}.benefit-card:hover .benefit-decoration{transform:scale(1.2);opacity:.7}.benefits-cta{margin-top:4rem}.cta-card{position:relative;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:1.5rem;border:1px solid rgba(79,70,229,.1);padding:4rem 3rem;text-align:center;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234F46E5' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:0}.cta-icon-wrapper{display:flex;justify-content:center;margin-bottom:2rem;position:relative;z-index:1}.cta-icon{width:64px;height:64px;color:var(--primary-color);filter:drop-shadow(0 4px 8px rgba(79,70,229,.3));animation:pulse 2s infinite}.cta-title{font-size:2.25rem;font-weight:800;color:#1f2937;margin-bottom:1rem;position:relative;z-index:1}.cta-subtitle{font-size:1.125rem;color:#6b7280;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7;position:relative;z-index:1}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;position:relative;z-index:1}.cta-trust{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;position:relative;z-index:1}.trust-indicator{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:#10b981;font-weight:600}.trust-indicator svg{flex-shrink:0}@media(max-width:768px){.benefits-tabs{flex-direction:column;align-items:stretch;padding:0 1rem}.tab-btn{width:100%;justify-content:center}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}.benefit-card-inner{padding:2rem 1.5rem}.benefit-icon{width:64px;height:64px}.benefit-icon svg{width:32px;height:32px}.benefit-title{font-size:1.25rem}.benefit-description{font-size:.9375rem}.cta-card{padding:3rem 2rem}.cta-title{font-size:1.75rem}.cta-subtitle{font-size:1rem}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons a{width:100%}.cta-trust{flex-direction:column;gap:1rem;align-items:center}}@media(max-width:640px){.benefits-title{font-size:1.5rem}.benefits-subtitle{font-size:1rem}.benefits-header{margin:2rem 0 1.5rem}.cta-icon{width:48px;height:48px}.cta-title{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tab-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.benefit-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.benefit-card-inner{box-shadow:none;border:1px solid #e5e7eb}.cta-card{box-shadow:none}.benefits-tabs{display:none}}.pricing-section{background:linear-gradient(180deg,#fff,#f9fafb,#fff);overflow:hidden}.billing-toggle-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0 3rem}.billing-toggle{display:inline-flex;background:#fff;border-radius:12px;padding:6px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.06)}.billing-btn{position:relative;padding:12px 32px;border:none;background:transparent;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.billing-btn.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 12px #4f46e54d}.savings-badge{font-size:.75rem;padding:4px 8px;background:#ffffff40;border-radius:6px;font-weight:700}.billing-note{font-size:.9375rem;color:#10b981;font-weight:600;animation:fadeIn .3s ease}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:3rem 0;align-items:stretch}.pricing-card{position:relative;border-radius:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.pricing-card.highlighted{transform:scale(1.05);z-index:10}.pricing-card-inner{position:relative;height:100%;background:#fff;border-radius:1.5rem;border:1px solid rgba(0,0,0,.06);padding:2.5rem 2rem;box-shadow:0 4px 6px -1px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;display:flex;flex-direction:column}.pricing-card:hover .pricing-card-inner{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pricing-card.highlighted .pricing-card-inner{border:2px solid #10B981;box-shadow:0 20px 25px -5px #10b98126,0 10px 10px -5px #10b9811a}.pricing-card-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease;z-index:0}.pricing-card.hovered .pricing-card-bg{opacity:1}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:8px 24px;border-radius:20px;font-size:.875rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #00000026;z-index:20}.plan-header{position:relative;z-index:1;text-align:center;margin-bottom:2rem}.plan-icon{width:72px;height:72px;margin:0 auto 1.5rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:0 4px 12px #0000001a}.pricing-card.hovered .plan-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #00000026}.plan-name{font-size:1.75rem;font-weight:800;color:#1f2937;margin-bottom:.5rem;transition:all .3s ease}.pricing-card.hovered .plan-name{color:var(--primary-color)}.plan-tagline{font-size:1rem;color:#6b7280;font-weight:500}.plan-price{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;margin-bottom:1rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(0,0,0,.06)}.currency{font-size:1.5rem;font-weight:700;color:#1f2937;margin-right:4px}.amount{font-size:3rem;font-weight:900;color:#1f2937;line-height:1}.period{font-size:1rem;color:#6b7280;margin-left:4px}.custom-price{font-size:2.5rem;font-weight:900;color:#1f2937}.yearly-savings{position:relative;z-index:1;text-align:center;font-size:.9375rem;font-weight:700;color:#10b981;margin-bottom:1.5rem;padding:8px 16px;background:#10b9811a;border-radius:8px;animation:pulse 2s infinite}.features-list{position:relative;z-index:1;list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 0;transition:all .2s ease}.feature-item.included{opacity:1}.feature-item.not-included{opacity:.4}.feature-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.feature-text{font-size:.9375rem;color:#1f2937;font-weight:500}.plan-cta{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease;border:2px solid transparent;margin-top:auto}.plan-cta.primary{color:#fff;box-shadow:0 4px 12px #00000026}.plan-cta.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.plan-cta.secondary{background:#fff;border-color:currentColor}.plan-cta.secondary:hover{background:currentColor;color:#fff;transform:translateY(-2px)}.pricing-shine{position:absolute;top:-50%;left:-100%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-25deg);transition:left .6s ease;z-index:30;pointer-events:none}.pricing-card:hover .pricing-shine{left:150%}.pricing-trust{margin:4rem 0 3rem;padding:3rem 2rem;background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(0,0,0,.06)}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.trust-card{text-align:center;padding:1.5rem;transition:all .3s ease}.trust-card:hover{transform:translateY(-4px)}.trust-svg{margin:0 auto 1rem;opacity:.9}.trust-card h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.trust-card p{font-size:.9375rem;color:#6b7280;line-height:1.6}.pricing-faq{margin:3rem 0 0;padding:3rem 2rem;background:linear-gradient(135deg,#4f46e50d,#10b9810d);border-radius:1.5rem;border:1px solid rgba(79,70,229,.1)}.faq-title{font-size:1.875rem;font-weight:800;color:#1f2937;text-align:center;margin-bottom:2rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.faq-item{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.faq-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.faq-item h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.faq-item p{font-size:.9375rem;color:#6b7280;line-height:1.6}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card.highlighted{transform:scale(1)}.pricing-card-inner{padding:2rem 1.5rem}.amount{font-size:2.5rem}.custom-price{font-size:2rem}.billing-toggle{width:100%;justify-content:space-between}.billing-btn{flex:1;justify-content:center}.trust-grid,.faq-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-trust,.pricing-faq{padding:2rem 1.5rem}}@media(max-width:640px){.plan-name{font-size:1.5rem}.amount{font-size:2rem}.faq-title{font-size:1.5rem}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pricing-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}.plan-cta:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}@media print{.pricing-card-inner{box-shadow:none;border:1px solid #e5e7eb}.pricing-trust,.pricing-faq{box-shadow:none}.billing-toggle-wrapper{display:none}}.testimonials-section{background:linear-gradient(180deg,#f9fafb,#fff,#f9fafb);overflow:hidden}.testimonials-stats{display:flex;justify-content:center;align-items:center;gap:2rem;margin:3rem 0;padding:2rem;background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(0,0,0,.06);flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:2.25rem;font-weight:900;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#4f46e5,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9375rem;color:#6b7280;font-weight:600}.stat-divider{width:1px;height:60px;background:#0000001a}.testimonial-carousel{margin:4rem 0;position:relative}.carousel-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:2rem}.testimonial-main-card{max-width:800px;margin:0 auto;animation:fadeInScale .5s ease-in-out}.testimonial-card-inner{position:relative;background:#fff;border-radius:2rem;padding:3.5rem 3rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(0,0,0,.06)}.quote-icon{position:absolute;top:2rem;right:2rem;opacity:.1}.testimonial-profile{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:2}.profile-image{width:80px;height:80px;border-radius:50%;border:4px solid #4F46E5;box-shadow:0 4px 12px #4f46e54d;object-fit:cover}.profile-info{flex:1}.profile-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.profile-role{font-size:1rem;color:#6b7280;margin-bottom:.5rem}.star-rating{display:flex;gap:4px}.testimonial-text{font-size:1.25rem;line-height:1.8;color:#374151;font-weight:500;font-style:italic;margin-bottom:1.5rem;position:relative;z-index:2}.testimonial-highlight{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:700;position:relative;z-index:2}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:2px solid rgba(0,0,0,.1);background:#fff;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;z-index:10}.carousel-arrow:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-50%) scale(1.1);box-shadow:0 8px 12px -2px #4f46e54d}.carousel-arrow.prev{left:-28px}.carousel-arrow.next{right:-28px}.carousel-indicators{display:flex;justify-content:center;gap:12px;margin-top:2.5rem}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(79,70,229,.3);background:#fff;cursor:pointer;transition:all .3s ease;padding:0}.indicator:hover{border-color:var(--primary-color);transform:scale(1.2)}.indicator.active{background:var(--primary-color);border-color:var(--primary-color);width:32px;border-radius:8px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:4rem 0}.testimonial-card-small{border-radius:1.5rem;transition:all .3s ease;cursor:pointer}.small-card-inner{height:100%;background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(0,0,0,.06);transition:all .3s ease}.testimonial-card-small:hover .small-card-inner{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a}.mini-profile{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.mini-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--primary-color);object-fit:cover}.mini-info{flex:1}.mini-name{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.mini-stars{display:flex;gap:2px}.mini-text{font-size:.9375rem;line-height:1.6;color:#6b7280;font-style:italic}.testimonials-cta{text-align:center;margin-top:4rem;padding:3rem 2rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:1.5rem;border:1px solid rgba(79,70,229,.1)}.testimonials-cta .cta-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:1rem}.testimonials-cta .cta-subtitle{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.carousel-arrow.prev{left:-20px}.carousel-arrow.next{right:-20px}}@media(max-width:768px){.testimonials-stats{gap:1rem;padding:1.5rem 1rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.875rem}.stat-divider{height:40px}.carousel-wrapper{gap:0}.carousel-arrow{width:40px;height:40px;position:relative;left:auto!important;right:auto!important}.carousel-arrow.prev{order:1}.testimonial-main-card{order:2;flex:1}.carousel-arrow.next{order:3}.testimonial-card-inner{padding:2.5rem 2rem}.quote-icon{top:1rem;right:1rem}.quote-icon svg{width:32px;height:32px}.testimonial-profile{flex-direction:column;text-align:center;gap:1rem}.profile-image{width:64px;height:64px}.profile-name{font-size:1.25rem}.testimonial-text{font-size:1.125rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.testimonials-cta{padding:2rem 1.5rem}.testimonials-cta .cta-title{font-size:1.5rem}.testimonials-cta .cta-subtitle{font-size:1rem}}@media(max-width:640px){.testimonials-stats{flex-direction:column;gap:1.5rem}.stat-divider{display:none}.carousel-indicators{gap:8px}.indicator{width:8px;height:8px}.indicator.active{width:24px}.testimonial-card-inner{padding:2rem 1.5rem}.testimonial-text{font-size:1rem}}.carousel-arrow:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.indicator:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.testimonial-card-small:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.testimonial-card-inner,.small-card-inner{box-shadow:none;border:1px solid #e5e7eb}.carousel-arrow,.carousel-indicators,.testimonials-cta{display:none}.testimonials-grid{display:block}.testimonial-card-small{page-break-inside:avoid;margin-bottom:1rem}}.contact-section{background:#fff}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:3rem 0}.contact-method-card{position:relative;background:#fff;border-radius:1.25rem;padding:2rem 1.5rem;text-align:center;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease;text-decoration:none;color:inherit;cursor:pointer}.contact-method-card:hover{transform:translateY(-6px);box-shadow:0 12px 20px -5px #0000001a}.method-icon{width:64px;height:64px;margin:0 auto 1.25rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact-method-card:hover .method-icon{transform:scale(1.1) rotate(5deg)}.method-icon svg{width:32px;height:32px;color:#fff}.method-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.method-value{font-size:1rem;color:#6b7280;font-weight:500}.contact-content{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin:4rem 0}.contact-form-wrapper{background:#fff;border-radius:1.5rem;padding:3rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(0,0,0,.06)}.form-header{margin-bottom:2.5rem}.form-title{font-size:1.875rem;font-weight:800;color:#1f2937;margin-bottom:.75rem}.form-subtitle{font-size:1rem;color:#6b7280;line-height:1.6}.alert{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9375rem;font-weight:600}.alert svg{flex-shrink:0}.alert-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9375rem;font-weight:600;color:#374151}.required{color:#ef4444}.form-input{width:100%;padding:14px 18px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:1rem;color:#1f2937;transition:all .3s ease;background:#fff;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-input::placeholder{color:#9ca3af}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:3rem}.form-textarea{resize:vertical;min-height:140px;font-family:inherit}.error-message{font-size:.875rem;color:#ef4444;font-weight:500}.form-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4f46e54d;margin-top:.5rem}.form-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}.form-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.contact-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:#fff;border-radius:1.25rem;padding:2rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(0,0,0,.06);transition:all .3s ease}.sidebar-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a}.sidebar-icon{width:56px;height:56px;margin-bottom:1.25rem;color:var(--primary-color);opacity:.9}.sidebar-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.sidebar-text{font-size:.9375rem;line-height:1.6;color:#6b7280}.social-links{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:1.25rem;padding:2rem;border:1px solid rgba(79,70,229,.1);text-align:center}.social-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1.25rem}.social-icons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.social-icon{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.social-icon svg{width:24px;height:24px}.social-icon:hover{background:var(--primary-color);color:#fff;transform:translateY(-4px);box-shadow:0 8px 16px #4f46e54d}@media(max-width:1024px){.contact-content{grid-template-columns:1fr}.contact-sidebar{flex-direction:row;flex-wrap:wrap}.sidebar-card{flex:1;min-width:280px}}@media(max-width:768px){.contact-methods{grid-template-columns:repeat(2,1fr);gap:1rem}.contact-form-wrapper{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.form-title{font-size:1.5rem}.sidebar-card{min-width:100%}.social-links{order:-1}}@media(max-width:640px){.contact-methods{grid-template-columns:1fr}.contact-method-card{padding:1.5rem 1rem}.method-icon{width:56px;height:56px}.method-icon svg{width:28px;height:28px}.contact-form-wrapper{padding:1.5rem 1rem}.form-header{margin-bottom:2rem}.form-title{font-size:1.375rem}.form-input,.form-textarea{padding:12px 16px}.form-submit-btn{padding:14px 24px;font-size:1rem}.sidebar-card{padding:1.5rem}.sidebar-icon{width:48px;height:48px}}.form-input:focus-visible,.form-submit-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.contact-method-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}.social-icon:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}@media print{.contact-form-wrapper,.sidebar-card{box-shadow:none;border:1px solid #e5e7eb}.form-submit-btn,.social-links{display:none}}.footer{position:relative;background:#1f2937;color:#e5e7eb}.footer-newsletter{background:linear-gradient(135deg,#4f46e5,#6366f1);padding:4rem 2rem;position:relative;overflow:hidden}.footer-newsletter:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.newsletter-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:3rem;max-width:1200px;margin:0 auto}.newsletter-text{flex:1}.newsletter-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.75rem}.newsletter-subtitle{font-size:1.125rem;color:#ffffffe6;line-height:1.6}.newsletter-form{flex:1;max-width:500px;display:flex;gap:1rem}.newsletter-input-wrapper{position:relative;flex:1}.newsletter-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9ca3af}.newsletter-input{width:100%;padding:16px 18px 16px 52px;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s ease}.newsletter-input::placeholder{color:#ffffffb3}.newsletter-input:focus{outline:none;border-color:#fff;background:#ffffff40}.newsletter-btn{display:flex;align-items:center;gap:8px;padding:16px 32px;background:#fff;color:var(--primary-color);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.footer-main{padding:4rem 2rem}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:3rem}.footer-brand{padding-right:2rem}.footer-logo-link{display:flex;align-items:center;text-decoration:none;margin-bottom:1rem}.footer-logo{height:40px;width:auto}.footer-logo-text{font-size:1.5rem;font-weight:800;color:#fff}.footer-tagline{font-size:1rem;font-weight:600;color:#10b981;margin-bottom:1rem}.footer-description{font-size:.9375rem;line-height:1.7;color:#9ca3af;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.social-link{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#e5e7eb;transition:all .3s ease}.social-link svg{width:20px;height:20px}.social-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-4px)}.footer-links-column{min-width:0}.footer-column-title{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:1.25rem}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#9ca3af;text-decoration:none;font-size:.9375rem;transition:all .2s ease;display:inline-block}.footer-link:hover{color:#fff;transform:translate(4px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-copyright p{color:#9ca3af;font-size:.9375rem;margin:0}.footer-made-with{margin-top:.5rem!important}.heart{color:#ef4444;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-badges{display:flex;gap:2rem;flex-wrap:wrap}.badge-item{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:.875rem;font-weight:600}.badge-item svg{color:#10b981}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e566;transition:all .3s ease;z-index:1000;opacity:0;visibility:hidden}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 20px #4f46e580}@media(max-width:1200px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:2.5rem}.footer-brand{grid-column:1 / -1;padding-right:0}}@media(max-width:768px){.footer-newsletter{padding:3rem 1.5rem}.newsletter-content{flex-direction:column;text-align:center;gap:2rem}.newsletter-title{font-size:1.75rem}.newsletter-subtitle{font-size:1rem}.newsletter-form{width:100%;max-width:100%}.footer-main{padding:3rem 1.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{text-align:center}.footer-social{justify-content:center}.footer-bottom{padding:1.5rem}.footer-bottom-content{flex-direction:column;text-align:center}.footer-badges{justify-content:center}}@media(max-width:640px){.newsletter-form{flex-direction:column}.newsletter-btn{width:100%;justify-content:center}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-links-column{text-align:center}.footer-link{display:inline}.footer-link:hover{transform:none}.footer-badges{flex-direction:column;gap:1rem}.back-to-top{bottom:1rem;right:1rem;width:40px;height:40px}.back-to-top svg{width:20px;height:20px}}@media(max-width:480px){.newsletter-title{font-size:1.5rem}.footer-column-title{font-size:1rem}.footer-copyright,.footer-badges{font-size:.875rem}}.social-link:focus-visible,.footer-link:focus-visible,.newsletter-btn:focus-visible,.back-to-top:focus-visible{outline:2px solid white;outline-offset:2px}.newsletter-input:focus-visible{outline:2px solid white;outline-offset:-2px}@media print{.footer-newsletter,.back-to-top{display:none}.footer-main,.footer-bottom{background:#fff;color:#000}.footer-link,.footer-description,.footer-copyright p,.badge-item{color:#6b7280}.footer-column-title,.footer-logo-text{color:#000}}.hidden{display:none}.newsletter-success,.newsletter-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500}.newsletter-success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.3)}.newsletter-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.newsletter-success svg,.newsletter-error svg{flex-shrink:0}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}.login-page{background-image:url(https://images.unsplash.com/photo-1480044965905-02098d419e96?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);background-color:#1a237e;background-size:cover;background-position:center;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;transition:background-image 1s ease-in-out}.login-page.fajr-theme{background-image:linear-gradient(#0000004d,#0000004d),url(https://images.unsplash.com/photo-1502675135487-e971002a6adb?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #87CEEB}.login-page.sunrise-theme{background-image:linear-gradient(#0000001a,#0000001a),url(https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #FFD700}.login-page.dhuhr-theme{background-image:linear-gradient(#0000001a,#0000001a),url(https://images.unsplash.com/photo-1548783238-ca28f3238f91?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #FFA500}.login-page.asr-theme{background-image:linear-gradient(#0003,#0003),url(https://images.unsplash.com/photo-1500964757637-c85e8a162699?ixlib=rb-1.2.1&auto=format&fit=crop&w=1953&q=80);--scarf-color: #2E8B57}.login-page.maghrib-theme{background-image:linear-gradient(#0000004d,#0000004d),url(https://images.unsplash.com/photo-1472120435266-53107fd0c44a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #800080}.login-page.isha-theme{background-image:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1531366936337-7c912a4589a7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #191970}.login-page>*{position:relative;z-index:1}.logo-image{width:40px;height:40px;background:url(https://cdn-icons-png.flaticon.com/512/3815/3815523.png) no-repeat center;background-size:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.login-container{background:#0e153a40;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:24px;padding:40px 50px;width:450px;max-width:95%;position:relative;box-shadow:0 20px 40px #0000004d,0 10px 20px #0003,inset 0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.15);animation:containerFadeIn .6s ease}.polar-bear{width:200px;height:200px;margin:0 auto 50px;position:relative;transition:all .3s ease}.login-title{color:#fff;text-align:center;margin-bottom:25px;font-size:28px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.2)}.message-box{padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;text-align:center;border:1px solid;animation:messageFadeIn .3s ease}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-error{background-color:#ef444426;color:var(--error-color);border-color:#ef44444d;box-shadow:0 0 20px #ef44441a}.message-success{background-color:#10b98126;color:var(--success-color);border-color:#10b9814d;box-shadow:0 0 20px #10b9811a}.google-login-btn{width:100%;padding:15px;background:#ffffff1f;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:20px 0;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.google-login-btn:hover{background:#ffffff2e;border-color:#ffffff4d;box-shadow:0 8px 24px #4f46e533;transform:translateY(-2px)}.google-icon{width:20px;height:20px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xNy42NCA5LjIwNWMwLS42MzktLjA1Ny0xLjI1Mi0uMTY0LTEuODQxSDl2My40ODFoNC44NDRjLS4yMDggMS4xMjUtLjg0NyAyLjA3OC0xLjc5NiAyLjcxNnYyLjI1OWgyLjkwOGMxLjczMy0xLjc5NCAyLjczMy0zLjk0IDIuNzMzLTYuNjE1eiIgZmlsbD0iIzQyODVGNCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTkgMThjMi40MyAwIDQuNDY3LS44MDYgNS45NTYtMi4xODFsLTIuOTA4LTIuMjU5Yy0uODA2LjUzOC0xLjg3My44NTktMy4wNDguODU5LTIuMzQ0IDAtNC4zMjgtMS41ODQtNS4wMzYtMy43MTFIMC45MzZ2Mi4zMzJBOC45OTcgOC45OTcgMCAwIDAgOSAxOHoiIGZpbGw9IiMzNEE4NTMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0zLjk2NCAxMC43MDhBNS40MTggNS40MTggMCAwIDEgMy45NjQgNy4yOTJWNC45NkguOTM2QTguOTk3IDguOTk3IDAgMCAwIDAgOWMwIDEuNDUyLjM0OCAyLjgyNy45MzYgNC4wNGwzLjAyOC0yLjMzMnoiIGZpbGw9IiNGQkJDMDUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDMuNThjMS4zMjEgMCAyLjUwOC40NTQgMy40NCAuMzM2bDIuNTgyLTIuNTgyQzEzLjQ2My44OTEgMTEuNDI2IDAgOSAwQTguOTk3IDguOTk3IDAgMCAwIC45MzYgNC45NmwzLjAyOCAyLjMzMkM0LjY3MiA1NCA2LjY1NiAzLjU4IDkgMy41OHoiIGZpbGw9IiNFQTQzMzUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiLz48L2c+PC9zdmc+);background-size:contain;background-repeat:no-repeat;background-position:center}.caps-lock-warning{color:#fc0;font-size:13px;position:absolute;bottom:-20px;left:5px;display:flex;align-items:center;gap:5px;display:none}.options{display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:var(--text-color)}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;transition:color .3s ease}.remember-me:hover{color:var(--primary-color)}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.forgot-password{color:#fffc;text-decoration:none;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:6px 12px;border-radius:8px;background:#ffffff14}.forgot-password:hover{color:var(--text-color);background:#4f46e540;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}.trust-device-container{margin:15px 0 20px}.trust-device{display:flex;align-items:center;gap:10px;font-size:13px;color:#fffc;cursor:pointer;padding:10px;border-radius:8px;background:#ffffff0d;transition:all .3s ease}.trust-device:hover{background:#ffffff1a;color:var(--text-color)}.trust-device input[type=checkbox]{width:18px;height:18px;accent-color:var(--success-color);cursor:pointer}.login-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:12px;color:var(--text-color);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:10px;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 8px 24px #4f46e540}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #4f46e559}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.signup-link{text-align:center;margin:25px 0 0;color:var(--text-color);font-size:15px}.signup-link a{color:#ffffffe6;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);padding:6px 12px;border-radius:8px;background:#ffffff14;margin-left:6px;display:inline-block}.signup-link a:hover{color:var(--text-color);background:#4f46e540;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}@media(max-width:768px){.login-container{padding:30px 25px}.logo-container{top:20px;left:20px}}@media(max-width:480px){.login-container{padding:30px 25px}.polar-bear{width:160px;height:160px;margin-bottom:40px}.scarf{width:145px;height:35px;bottom:-4px}.scarf:before{width:28px;height:55px;right:28px;top:12px}.paw{width:52px;height:60px;bottom:-28px}.paw.left{left:-12px}.paw.right{right:-12px}.pad{width:30px;height:25px}.ear{width:35px;height:35px;top:16px}.ear:after{width:22px;height:22px}.muzzle{width:64px;height:52px;bottom:16px}.nose{width:20px;height:15px;top:10px}.mouth-smile{width:24px;height:12px;bottom:8px}.mouth-line{height:10px;bottom:18px}.eyes-container{top:40%;gap:44px}.eye-socket{width:20px;height:20px}.eye{width:10px;height:10px}.brow{width:16px;height:3px;top:-6px}.polar-bear.covering-eyes .paw.left{transform:translate(44px,-104px) rotate(15deg) scale(1.05)}.polar-bear.covering-eyes .paw.right{transform:translate(-44px,-104px) rotate(-15deg) scale(1.05)}.polar-bear.peeking .paw.left{transform:translate(44px,-104px) rotate(15deg) scale(1.05)}.polar-bear.peeking .paw.right{transform:translate(-44px,-80px) rotate(-10deg) scale(1.05)}.polar-bear.thinking .paw.right{transform:translate(-28px,-72px) rotate(-30deg)}.polar-bear.success .paw.left{transform:translate(32px,-112px) rotate(-20deg) scale(1.1)}.polar-bear.success .paw.right{transform:translate(-32px,-112px) rotate(20deg) scale(1.1)}.polar-bear.embarrassed .paw.right{transform:translate(-40px,-88px) rotate(-10deg)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:root{--primary-color: #4F46E5;--secondary-color: #6366F1;--error-color: #EF4444;--success-color: #10B981;--text-color: #ffffff;--scarf-color: #ff6b6b}.register-page{background-image:url(https://images.unsplash.com/photo-1480044965905-02098d419e96?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);background-color:#1a237e;background-size:cover;background-position:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;transition:background-image 1s ease-in-out}.register-page.fajr-theme{background-image:linear-gradient(#0000004d,#0000004d),url(https://images.unsplash.com/photo-1502675135487-e971002a6adb?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #87CEEB}.register-page.sunrise-theme{background-image:linear-gradient(#0000001a,#0000001a),url(https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #FFD700}.register-page.dhuhr-theme{background-image:linear-gradient(#0000001a,#0000001a),url(https://images.unsplash.com/photo-1548783238-ca28f3238f91?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #FFA500}.register-page.asr-theme{background-image:linear-gradient(#0003,#0003),url(https://images.unsplash.com/photo-1500964757637-c85e8a162699?ixlib=rb-1.2.1&auto=format&fit=crop&w=1953&q=80);--scarf-color: #2E8B57}.register-page.maghrib-theme{background-image:linear-gradient(#0000004d,#0000004d),url(https://images.unsplash.com/photo-1472120435266-53107fd0c44a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #800080}.register-page.isha-theme{background-image:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1531366936337-7c912a4589a7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);--scarf-color: #191970}.register-page>*{position:relative;z-index:1}.logo-container{position:fixed;top:20px;left:20px;z-index:1000;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.logo-container:hover{transform:scale(1.05)}.logo-image{width:40px;height:40px;background:url(https://cdn-icons-png.flaticon.com/512/3815/3815523.png) no-repeat center;background-size:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.logo-text{color:var(--text-color);font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.sound-toggle{position:fixed;bottom:20px;right:20px;background:#0000004d;color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;z-index:1000}.sound-toggle:hover{background:#00000080;transform:scale(1.1)}.register-container{background:#0e153a33;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:40px 50px;width:500px;max-width:95%;position:relative;box-shadow:0 20px 40px #0000004d,0 10px 20px #0003,inset 0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);animation:containerFadeIn .6s ease;max-height:90vh;overflow-y:auto}.register-container::-webkit-scrollbar{width:8px}.register-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.register-container::-webkit-scrollbar-track{background:transparent}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-title{color:#fff;text-align:center;margin-bottom:20px;font-size:28px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.2)}.polar-bear{width:200px;height:200px;margin:0 auto 30px;position:relative;transition:all .3s ease}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015) translateY(-2px)}}.polar-bear{animation:breathe 6s ease-in-out infinite}.head{width:100%;height:100%;border-radius:45% 45% 40% 40%/55% 55% 45% 45%;background-color:#f9f9f4;background-image:radial-gradient(circle at 50% 40%,rgba(255,255,255,.8) 20%,transparent 60%),linear-gradient(to bottom,transparent 70%,rgba(200,200,190,.2) 100%),repeating-linear-gradient(45deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 4px);position:relative;box-shadow:inset 0 -10px 20px #0000000d,0 15px 30px #0003;z-index:2;overflow:hidden;transition:all .3s ease}.scarf{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:180px;height:45px;background-color:var(--scarf-color);border-radius:30px;z-index:5;box-shadow:inset 0 -5px 10px #0000001a,0 5px 15px #0000004d;transition:background-color 1s ease}.scarf:before{content:"";position:absolute;right:35px;top:15px;width:35px;height:70px;background-color:var(--scarf-color);border-radius:15px;transform:rotate(8deg);z-index:-1;box-shadow:2px 2px 5px #0003;transition:background-color 1s ease}.blush{position:absolute;width:25px;height:15px;background-color:#ffb7c5;border-radius:50%;top:55%;opacity:0;filter:blur(5px);transition:opacity .5s ease}.blush.left{left:25px}.blush.right{right:25px}.polar-bear.covering-eyes .blush,.polar-bear.embarrassed .blush{opacity:.6}.ear{width:44px;height:44px;background-color:#f0f0e8;border-radius:50%;position:absolute;top:20px;z-index:1;box-shadow:inset 0 -4px 8px #0000000d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ear.left{left:-5px;transform:rotate(-20deg)}.ear.right{right:-5px;transform:rotate(20deg)}.ear:after{content:"";position:absolute;width:28px;height:28px;background-color:#e0dfd5;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #0000001a}.muzzle{position:absolute;width:80px;height:65px;background:linear-gradient(to bottom,#fff,#f4f4ee);border-radius:50%;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000000d}.nose{width:24px;height:18px;background-color:#222;border-radius:40% 40% 60% 60%/30% 30% 70% 70%;position:absolute;top:12px;left:50%;transform:translate(-50%);transition:transform .2s ease-in-out}.mouth-line{position:absolute;width:2px;height:12px;background-color:#333;bottom:22px;left:50%;transform:translate(-50%);opacity:.6;transition:all .3s ease}.mouth-smile{position:absolute;width:30px;height:15px;border-bottom:2px solid #333;border-radius:50%;bottom:10px;left:50%;transform:translate(-50%);opacity:.6;transition:all .3s ease}.eyes-container{position:absolute;width:100%;top:42%;display:flex;justify-content:center;gap:55px;transition:all .3s ease}.brow{position:absolute;width:20px;height:4px;background-color:#e0dfd5;top:-8px;border-radius:2px;opacity:0;transition:all .3s ease}.eye-socket .brow.left{left:0;transform:rotate(5deg)}.eye-socket .brow.right{right:0;transform:rotate(-5deg)}.eye-socket{width:24px;height:24px;background:radial-gradient(circle,rgba(0,0,0,.1) 0%,transparent 70%);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.eye{width:12px;height:12px;background-color:#000;border:1px solid #3a2e2e;border-radius:50%;position:relative;overflow:hidden;transition:all .2s ease}.eyelid{position:absolute;top:0;left:0;width:100%;height:0%;background-color:#f0f0e8;z-index:2;transition:height .1s ease-in-out}.polar-bear.blinking .eyelid{height:100%}.eye:after{content:"";position:absolute;width:3px;height:3px;background-color:#fffc;border-radius:50%;top:2px;left:2px}.paw{width:65px;height:75px;background-color:#f9f9f4;border-radius:35px 35px 25px 25px;position:absolute;bottom:-35px;z-index:10;box-shadow:inset 0 -5px 10px #0000000d,0 8px 20px #00000026;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.paw.left{left:-15px;transform:rotate(-25deg) translateY(15px)}.paw.right{right:-15px;transform:rotate(25deg) translateY(15px)}.pad{width:38px;height:32px;background-color:#333;border-radius:50% 50% 60% 60%/40% 40% 60% 60%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent)}.polar-bear.thinking .paw.right{transform:translate(-35px,-90px) rotate(-30deg);z-index:11}.polar-bear.thinking .head{transform:rotate(-5deg) translateY(5px)}.polar-bear.thinking .eye{transform:translate(2px,-2px)!important}.polar-bear.success .paw.left{transform:translate(40px,-140px) rotate(-20deg) scale(1.1)}.polar-bear.success .paw.right{transform:translate(-40px,-140px) rotate(20deg) scale(1.1)}.polar-bear.success .head{animation:happy-wiggle .5s ease-in-out infinite alternate}.polar-bear.success .mouth-smile{height:20px;bottom:15px}@keyframes happy-wiggle{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.polar-bear.embarrassed .paw.right{transform:translate(-50px,-110px) rotate(-10deg);z-index:11}.polar-bear.embarrassed .head{transform:translateY(10px) rotate(5deg)}.polar-bear.embarrassed .mouth-smile{border-bottom:none;border-top:2px solid #333;bottom:5px}.polar-bear.curious .head{transform:rotate(3deg) translateY(5px)}.polar-bear.curious .ear.left{transform:rotate(-30deg) translateY(-5px)}.polar-bear.curious .ear.right{transform:rotate(30deg) translateY(-5px)}.polar-bear.curious .eye{transform:scale(1.1)!important}.polar-bear.angry .brow{opacity:.4;top:-5px}.polar-bear.angry .brow.left{transform:rotate(20deg)}.polar-bear.angry .brow.right{transform:rotate(-20deg)}.polar-bear.angry .mouth-smile{border-bottom:none;border-top:2px solid #333;bottom:5px}.polar-bear.angry .head{transform:translateY(5px)}.polar-bear.covering-eyes .paw.left{transform:translate(55px,-130px) rotate(15deg) scale(1.05)}.polar-bear.covering-eyes .paw.right{transform:translate(-55px,-130px) rotate(-15deg) scale(1.05)}.polar-bear.covering-eyes .ear.left{transform:rotate(-10deg) translateY(5px)}.polar-bear.covering-eyes .ear.right{transform:rotate(10deg) translateY(5px)}@keyframes high-five-left{0%,to{transform:rotate(-25deg) translateY(15px)}50%{transform:translate(10px,-60px) rotate(-10deg) scale(1.1)}}@keyframes high-five-right{0%,to{transform:rotate(25deg) translateY(15px)}50%{transform:translate(-10px,-60px) rotate(10deg) scale(1.1)}}.paw.high-fiving-left{animation:high-five-left .5s ease-in-out}.paw.high-fiving-right{animation:high-five-right .5s ease-in-out}.polar-bear.peeking .paw.left{transform:translate(55px,-130px) rotate(15deg) scale(1.05)}.polar-bear.peeking .paw.right{transform:translate(-55px,-100px) rotate(-10deg) scale(1.05)}.polar-bear.peeking .eye-socket:nth-child(2) .eye{transform:translate(3px,3px)!important}.role-selector{display:flex;gap:12px;margin-bottom:25px}.role-btn{flex:1;padding:12px 20px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.role-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#ffffffe6;transform:translateY(-2px)}.role-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-color:var(--primary-color);color:#fff;box-shadow:0 8px 20px #4f46e54d}.role-btn.active:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4f46e566}.google-register-btn{width:100%;padding:15px;background:#ffffff1f;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:12px}.google-register-btn:hover{background:#ffffff2e;border-color:#ffffff4d;box-shadow:0 8px 24px #4f46e533;transform:translateY(-2px)}.google-icon{width:20px;height:20px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xNy42NCA5LjIwNWMwLS42MzktLjA1Ny0xLjI1Mi0uMTY0LTEuODQxSDl2My40ODFoNC44NDRjLS4yMDggMS4xMjUtLjg0NyAyLjA3OC0xLjc5NiAyLjcxNnYyLjI1OWgyLjkwOGMxLjczMy0xLjc5NCAyLjczMy0zLjk0IDIuNzMzLTYuNjE1eiIgZmlsbD0iIzQyODVGNCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTkgMThjMi40MyAwIDQuNDY3LS44MDYgNS45NTYtMi4xODFsLTIuOTA4LTIuMjU5Yy0uODA2LjUzOC0xLjg3My44NTktMy4wNDguODU5LTIuMzQ0IDAtNC4zMjgtMS41ODQtNS4wMzYtMy43MTFIMC45MzZ2Mi4zMzJBOC45OTcgOC45OTcgMCAwIDAgOSAxOHoiIGZpbGw9IiMzNEE4NTMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0zLjk2NCAxMC43MDhBNS40MTggNS40MTggMCAwIDEgMy45NjQgNy4yOTJWNC45NkguOTM2QTguOTk3IDguOTk3IDAgMCAwIDAgOWMwIDEuNDUyLjM0OCAyLjgyNy45MzYgNC4wNGwzLjAyOC0yLjMzMnoiIGZpbGw9IiNGQkJDMDUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDMuNThjMS4zMjEgMCAyLjUwOC40NTQgMy40NCAuMzM2bDIuNTgyLTIuNTgyQzEzLjQ2My44OTEgMTEuNDI2IDAgOSAwQTguOTk3IDguOTk3IDAgMCAwIC45MzYgNC45NmwzLjAyOCAyLjMzMkM0LjY3MiA1NCA2LjY1NiAzLjU4IDkgMy41OHoiIGZpbGw9IiNFQTQzMzUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiLz48L2c+PC9zdmc+);background-size:contain;background-repeat:no-repeat;background-position:center}.divider{position:relative;text-align:center;margin:25px 0;color:#fff9;font-size:14px}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent)}.divider span{background:#0e153a99;padding:0 15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.input-group{position:relative;margin-bottom:30px}.input-group input{width:100%;padding:15px 20px 15px 50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:var(--text-color);font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group input::placeholder{color:transparent}.input-group input.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.input-group input:focus{outline:none;border-color:var(--primary-color);background:#ffffff26;box-shadow:0 0 0 3px #4f46e51a,0 0 20px #4f46e533}.input-group input.error:focus{box-shadow:0 0 0 3px #ef44441a,0 0 20px #ef444433}.input-group label{position:absolute;left:50px;top:50%;transform:translateY(-50%);color:#ffffffb3;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0 6px;font-size:15px;background:transparent}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label{top:-10px;left:45px;font-size:13px;background:#0e153af2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--primary-color);font-weight:500;padding:2px 8px;border-radius:4px}.input-group input.error:focus~label,.input-group input.error:not(:placeholder-shown)~label{color:var(--error-color)}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#ffffff80;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.input-group input:focus~.input-icon{color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.error-message{color:var(--error-color);font-size:12px;text-align:left;margin-top:6px;padding-left:8px;animation:errorShake .3s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#ffffff80;cursor:pointer;transition:color .3s ease;z-index:10}.password-toggle:hover{color:var(--text-color)}.caps-lock-warning{color:#fc0;font-size:13px;position:absolute;bottom:-20px;left:5px;display:none;align-items:center;gap:5px}.caps-lock-warning i{font-size:12px}.textarea-group textarea{width:100%;padding:15px 20px 15px 50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:var(--text-color);font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);resize:vertical;min-height:80px}.textarea-group textarea::placeholder{color:transparent}.textarea-group textarea:focus{outline:none;border-color:var(--primary-color);background:#ffffff26;box-shadow:0 0 0 3px #4f46e51a,0 0 20px #4f46e533}.textarea-group label{position:absolute;left:50px;top:18px;color:#ffffffb3;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0 6px;font-size:15px;background:transparent}.textarea-group textarea:focus~label,.textarea-group textarea:not(:placeholder-shown)~label{top:-10px;left:45px;font-size:13px;background:#0e153af2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--primary-color);font-weight:500;padding:2px 8px;border-radius:4px}.textarea-group .input-icon{top:18px;transform:translateY(0)}.register-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:12px;color:var(--text-color);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:10px;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 8px 24px #4f46e540}.register-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #4f46e559}.register-btn:active:not(:disabled){transform:translateY(0)}.register-btn:disabled{opacity:.6;cursor:not-allowed}.btn-shine:after{content:"";position:absolute;top:-50%;left:-100%;width:40%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);transition:left .75s cubic-bezier(.4,0,.2,1)}.btn-shine:hover:after{left:120%}.login-link{text-align:center;margin:25px 0 0;color:var(--text-color);font-size:15px}.login-link a{color:#ffffffe6;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);padding:6px 12px;border-radius:8px;background:#ffffff14;margin-left:6px;display:inline-block}.login-link a:hover{color:var(--text-color);background:#4f46e540;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}@media(max-width:768px){.register-container{padding:30px 25px;width:100%}.role-selector{flex-direction:column;gap:10px}}@media(max-width:480px){.polar-bear{width:160px;height:160px;margin-bottom:20px}.scarf{width:145px;height:35px;bottom:-4px}.scarf:before{width:28px;height:55px;right:28px;top:12px}.paw{width:52px;height:60px;bottom:-28px}.paw.left{left:-12px}.paw.right{right:-12px}.pad{width:30px;height:25px}.ear{width:35px;height:35px;top:16px}.ear:after{width:22px;height:22px}.muzzle{width:64px;height:52px;bottom:16px}.nose{width:20px;height:15px;top:10px}.mouth-smile{width:24px;height:12px;bottom:8px}.mouth-line{height:10px;bottom:18px}.eyes-container{top:40%;gap:44px}.eye-socket{width:20px;height:20px}.eye{width:10px;height:10px}.brow{width:16px;height:3px;top:-6px}.polar-bear.covering-eyes .paw.left{transform:translate(44px,-104px) rotate(15deg) scale(1.05)}.polar-bear.covering-eyes .paw.right{transform:translate(-44px,-104px) rotate(-15deg) scale(1.05)}.polar-bear.peeking .paw.left{transform:translate(44px,-104px) rotate(15deg) scale(1.05)}.polar-bear.peeking .paw.right{transform:translate(-44px,-80px) rotate(-10deg) scale(1.05)}.polar-bear.thinking .paw.right{transform:translate(-28px,-72px) rotate(-30deg)}.polar-bear.success .paw.left{transform:translate(32px,-112px) rotate(-20deg) scale(1.1)}.polar-bear.success .paw.right{transform:translate(-32px,-112px) rotate(20deg) scale(1.1)}.polar-bear.embarrassed .paw.right{transform:translate(-40px,-88px) rotate(-10deg)}}.classcheck-logo{position:fixed!important;top:20px!important;left:20px!important;z-index:1000!important}.classcheck-logo:hover{transform:scale(1.05)}