@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap);:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#fdf4ff;--secondary-100:#fae8ff;--secondary-200:#f5d0fe;--secondary-300:#f0abfc;--secondary-400:#e879f9;--secondary-500:#d946ef;--secondary-600:#c026d3;--secondary-700:#a21caf;--secondary-800:#86198f;--secondary-900:#701a75;--accent-cyan:#06b6d4;--accent-orange:#f97316;--accent-green:#10b981;--accent-purple:#8b5cf6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--black:#000;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-family-mono:"JetBrains Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-64:16rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--container-max-width:1280px;--container-padding:var(--space-6);--section-padding-y:var(--space-10);--section-padding-y-sm:var(--space-16);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-sans);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#111827;color:var(--gray-900)}h1,h2,h3,h4,h5,h6{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin:0}h1{font-size:3rem;font-size:var(--font-size-5xl)}h2{font-size:2.25rem;font-size:var(--font-size-4xl)}h3{font-size:1.875rem;font-size:var(--font-size-3xl)}h4{font-size:1.5rem;font-size:var(--font-size-2xl)}h5{font-size:1.25rem;font-size:var(--font-size-xl)}h6{font-size:1.125rem;font-size:var(--font-size-lg)}p{color:#4b5563;color:var(--gray-600);line-height:1.625;line-height:var(--line-height-relaxed);margin:0}a{color:#2563eb;color:var(--primary-600);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1d4ed8;color:var(--primary-700)}.container{margin:0 auto;max-width:1280px;max-width:var(--container-max-width);padding:0 1.5rem;padding:0 var(--container-padding)}section{scroll-margin-top:120px}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;outline:none;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-align:center;text-decoration:none;transition:all .3s ease;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500)}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);background:linear-gradient(135deg,var(--primary-700),var(--primary-800));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--white);border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.section-header{margin-bottom:5rem;margin-bottom:var(--space-20);text-align:center}.section-badge{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:1px solid #bfdbfe;border:1px solid var(--primary-200);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1d4ed8;color:var(--primary-700);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);letter-spacing:.5px;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all .3s ease;transition:all var(--transition-base)}.section-badge:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);background:linear-gradient(135deg,var(--primary-100),var(--primary-200));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge-icon{color:#2563eb;color:var(--primary-600);flex-shrink:0}.section-title{color:#111827;color:var(--gray-900);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:800;font-weight:var(--font-weight-extrabold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.section-description{color:#4b5563;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.625;line-height:var(--line-height-relaxed);margin:0 auto;max-width:768px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#d946ef);background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#c026d3);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600))}::selection{background:#dbeafe;background:var(--primary-100);color:#1e3a8a;color:var(--primary-900)}::-moz-selection{background:#dbeafe;background:var(--primary-100);color:#1e3a8a;color:var(--primary-900)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-screen{align-items:center;background:linear-gradient(135deg,#2563eb,#c026d3);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{color:#fff;color:var(--white);text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:4px solid var(--white);height:60px;margin:0 auto 1.5rem;margin:0 auto var(--space-6);width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner h2{color:#fff;color:var(--white);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.loading-spinner p{color:#fffc;font-size:1.125rem;font-size:var(--font-size-lg)}@media (max-width:1024px){:root{--container-padding:var(--space-4);--section-padding-y:var(--space-20)}.section-title{font-size:1.875rem;font-size:var(--font-size-3xl)}}@media (max-width:768px){:root{--container-padding:var(--space-4);--section-padding-y:var(--space-16)}.section-badge{font-size:.75rem;font-size:var(--font-size-xs);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.section-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.section-description{font-size:1rem;font-size:var(--font-size-base)}}@media (max-width:640px){:root{--container-padding:var(--space-3);--section-padding-y:var(--space-12)}.section-badge{font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--space-1);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.badge-icon{height:14px;width:14px}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}@media print{.no-print{display:none!important}}.App{background:linear-gradient(135deg,#f8fafc,#f1f5f9);max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}*{box-sizing:border-box}body,html{margin:0;max-width:100vw;overflow-x:hidden;padding:0}@media (max-width:768px){.App{margin:0;padding:0}.container{margin:0 auto!important;max-width:100%!important;padding:0 8px!important}section{padding:10px 0!important}h1{font-size:1.3rem!important}h1,h2{line-height:1.2!important;margin-bottom:.5rem!important}h2{font-size:1.1rem!important}h3{font-size:.95rem!important;line-height:1.2!important;margin-bottom:.4rem!important}h4{font-size:.85rem!important}h4,h5{line-height:1.2!important;margin-bottom:.3rem!important}h5{font-size:.8rem!important}h6{font-size:.75rem!important;line-height:1.2!important;margin-bottom:.3rem!important}div,li,p,span{font-size:.7rem!important;line-height:1.3!important}.btn,button{border-radius:6px!important;font-size:.65rem!important;padding:5px 8px!important}}@media (max-width:480px){.container{padding:0 6px!important}section{padding:8px 0!important}h1{font-size:1.1rem!important}h2{font-size:.95rem!important}h3{font-size:.85rem!important}h4{font-size:.75rem!important}h5{font-size:.7rem!important}div,h6,li,p,span{font-size:.65rem!important}div,li,p,span{line-height:1.2!important}.btn,button{font-size:.6rem!important;padding:4px 6px!important}}@media (max-width:375px){.container{padding:0 4px!important}section{padding:6px 0!important}h1{font-size:1rem!important}h2{font-size:.85rem!important}h3{font-size:.75rem!important}h4{font-size:.7rem!important}h5{font-size:.65rem!important}div,h6,li,p,span{font-size:.6rem!important}div,li,p,span{line-height:1.2!important}.btn,button{font-size:.55rem!important;padding:3px 5px!important}}@media (max-width:768px){.section-badge{margin-bottom:1rem!important;padding:8px 16px!important}.section-badge,.section-badge span{font-size:.75rem!important}}@media (max-width:480px){.section-badge{margin-bottom:.75rem!important;padding:6px 12px!important}.section-badge,.section-badge span{font-size:.7rem!important}}@media (max-width:375px){.section-badge{margin-bottom:.5rem!important;padding:5px 10px!important}.section-badge,.section-badge span{font-size:.65rem!important}}.header{backface-visibility:hidden;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;left:50%;max-width:1200px;padding:20px 0;perspective:1000px;position:fixed;top:25px;transition:all .3s ease;width:calc(100% - 40px);z-index:1000}.header,.header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header.scrolled{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 8px 32px #00000026;padding:15px 0;top:10px}.header .container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 30px}.header .container,.logo{align-items:center;display:flex}.logo{cursor:pointer;gap:12px;margin-left:20px;text-decoration:none;transition:all .3s ease}.logo:hover{transform:translateY(-2px)}.logo-icon{align-items:center;border-radius:12px;color:#fff;display:flex;filter:drop-shadow(0 0 10px rgba(90,130,150,.5));justify-content:center;margin-right:15px;transition:all .3s ease;width:80px}.logo-icon svg{height:20px;width:20px}.logo-icon img{filter:drop-shadow(0 0 10px rgba(200,250,220,.5))}.logo:hover .logo-icon{box-shadow:0 6px 20px #3b82f666;transform:rotate(10deg) scale(1.1)}.logo span{color:#fff;font-size:1.5rem;font-weight:700;transition:all .3s ease}.header.scrolled .logo span,.logo span{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.header.scrolled .logo span{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#1e293b}.nav{align-items:center;display:flex}.nav-links{display:flex;gap:8px;list-style:none;margin:0;padding:0}.nav-links li{position:relative}.nav-links a{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none}.nav-links a,.nav-links a:before{border-radius:12px;transition:all .3s ease}.nav-links a:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8)}.nav-links a:hover:before{opacity:1;transform:scale(1)}.nav-links a:hover{color:#fff;transform:translateY(-2px)}.header.scrolled .nav-links a{color:#64748b}.header.scrolled .nav-links a:hover{background:#3b82f61a;color:#3b82f6}.header.scrolled .nav-links a:before{background:#3b82f61a}.nav-cta{margin-left:20px}.cta-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.cta-button svg{height:16px;transition:transform .3s ease;width:16px}.cta-button:hover svg{transform:translateX(2px)}.mobile-toggle{background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:none;padding:8px;transition:all .3s ease}.header.scrolled .mobile-toggle{color:#64748b}.mobile-toggle:hover{background:#ffffff1a}.header.scrolled .mobile-toggle:hover{background:#3b82f61a;color:#3b82f6}.mobile-toggle svg{height:24px;width:24px}.nav-links a.active{background:#ffffff26;color:#fff}.header.scrolled .nav-links a.active{background:#3b82f626;color:#3b82f6}@media (max-width:1024px){.header{width:calc(100% - 30px)}.header .container{padding:0 25px}.nav-cta{margin-left:15px}.cta-button{font-size:.85rem;padding:10px 20px}.nav-links{gap:4px}.nav-links a{font-size:.9rem;padding:10px 16px}}@media (max-width:768px){.header{border-radius:16px;padding:15px 0;top:10px;width:calc(100% - 20px)}.header.scrolled{padding:12px 0;top:5px}.header .container{padding:0 20px}.mobile-toggle{display:block}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;left:10px;margin:10px auto 0;max-width:1180px;opacity:0;padding:20px;position:fixed;right:10px;top:100%;transform:translateY(-10px) scale(.98);transition:all .25s cubic-bezier(.25,.46,.45,.94);visibility:hidden;width:auto;z-index:1001}.nav.nav-open{opacity:1;transform:translateY(0) scale(1);visibility:visible}.nav-links{flex-direction:column;gap:8px;width:100%}.nav-links a{border-radius:12px;color:#64748b;padding:15px 20px;text-align:left;width:100%}.nav-links a:hover{background:#3b82f61a;color:#3b82f6}.nav-cta{margin-left:0;margin-top:15px}.cta-button{justify-content:center;padding:15px 24px;width:100%}.logo{margin-bottom:3px;margin-top:3px}.logo span{font-size:.9rem}.logo-icon{height:20px;width:20px}.logo-icon svg{height:12px;width:12px}}@media (max-width:480px){.header{border-radius:12px;width:calc(100% - 10px)}.header .container{padding:0 15px}.nav{border-radius:12px;left:5px;right:5px}.logo{margin-bottom:3px;margin-top:3px}.logo span{font-size:.8rem}.logo-icon{height:18px;width:18px}.logo-icon svg{height:10px;width:10px}.nav{padding:15px}.nav-links a{font-size:.9rem;padding:12px 16px}.cta-button{font-size:.9rem;padding:12px 20px}}html{scroll-behavior:smooth}.cta-button:focus,.logo:focus,.mobile-toggle:focus,.nav-links a:focus{outline:2px solid #3b82f6;outline-offset:2px}@keyframes mobileMenuOpen{0%{opacity:0;transform:translateY(-10px) scale(.98);visibility:hidden}to{opacity:1;transform:translateY(0) scale(1);visibility:visible}}@keyframes mobileMenuClose{0%{opacity:1;transform:translateY(0) scale(1);visibility:visible}to{opacity:0;transform:translateY(-10px) scale(.98);visibility:hidden}}.nav.nav-open{animation:mobileMenuOpen .25s cubic-bezier(.25,.46,.45,.94) forwards}.nav.nav-closing{animation:mobileMenuClose .25s cubic-bezier(.25,.46,.45,.94) forwards}.mobile-menu-backdrop{display:none}@media (max-width:768px){.mobile-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:0;display:block;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.mobile-menu-backdrop.active{opacity:1;visibility:visible}.logo{margin-bottom:3px;margin-top:3px}}.header:before{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;will-change:opacity}.header-loading{visibility:hidden}.header-loaded{opacity:1;visibility:visible}.header.scrolled:before{opacity:1}@keyframes headerSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.header-loaded{animation:headerSlideDown .4s ease-out forwards}.header-loading{opacity:0;transform:translateX(-50%) translateY(-20px)}.header:hover{box-shadow:0 12px 40px #00000026;transform:translateX(-50%) translateY(-2px)}.header{transform:translateX(-50%);will-change:transform,opacity}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo span{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#3b82f6);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;will-change:background-position}.nav-links a:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-links a:hover:after{width:80%}.header.scrolled .nav-links a:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.hero{align-items:center;background:linear-gradient(135deg,#0f172af2,#1e293be6 50%,#334155d9);border-radius:var(--radius-3xl);display:flex;justify-content:center;margin:var(--space-4);min-height:96vh;overflow:hidden;padding-bottom:var(--space-12);padding-top:var(--space-20);position:relative}.hero:before{background:url(../../static/media/%E2%80%94Pngtree%E2%80%94interactive%20online%20learning%20education%20through_15975943.9d6f5fbdf8172730faa5.jpg) 50%/cover no-repeat;transition:all var(--transition-base);z-index:1}.hero:after,.hero:before{border-radius:inherit;content:"";inset:0;position:absolute}.hero:after{background:radial-gradient(circle at 20% 20%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0,#0000 50%),linear-gradient(135deg,#0f172acc,#1e293b99 50%,#334155b3);z-index:2}.hero .container{margin:0 auto;max-width:var(--container-max-width);min-height:calc(96vh - var(--space-48));padding:var(--space-6) var(--container-padding);position:relative;z-index:3}.hero .container,.hero-content{align-items:center;display:flex;justify-content:center;width:100%}.hero-content{animation:fadeInUp 1s var(--transition-base);color:var(--white);flex-direction:column;max-width:900px;text-align:center;text-shadow:0 2px 4px #0000001a}.hero-title{animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .2s both,titleGradientShift 8s ease-in-out infinite,titleFloat 4s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f8fafc 30%,#e2e8f0 70%,#cbd5e1);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5));font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(3rem,8vw,5rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--space-4);z-index:1}.hero-highlight,.hero-title{-webkit-text-fill-color:#0000;font-weight:800;position:relative}.hero-highlight{animation:highlightGradientShift 6s ease-in-out infinite,highlightPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#60a5fa 25%,#8b5cf6 50%,#a855f7 75%,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:inline-block;filter:drop-shadow(0 2px 8px rgba(59,130,246,.4))}.hero-description{animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .4s both,descriptionGlow 6s ease-in-out infinite;color:#f1f5f9f2;font-family:Inter,sans-serif;font-size:clamp(1.2rem,3vw,1.4rem);font-weight:450;letter-spacing:.01em;line-height:1.7;margin-bottom:var(--space-8);max-width:700px;text-shadow:0 2px 8px #0009,0 1px 3px #0006}.hero-actions{animation:fadeInUp 1s var(--transition-base) .6s both;display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;margin-top:var(--space-4)}.hero .btn{align-items:center;border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;min-width:200px;outline:none;overflow:hidden;padding:var(--space-4) var(--space-8);position:relative;text-decoration:none;transition:all var(--transition-base)}.hero .btn-primary{animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .6s both,buttonGradientShift 4s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);background-size:200% 200%;border:1px solid #fff3;box-shadow:0 8px 32px #3b82f666,inset 0 2px 0 #ffffff26;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero .btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.hero .btn-primary:hover:before{left:100%}.hero .btn-primary:hover{background-position:100% 0;box-shadow:0 15px 50px #3b82f699,inset 0 5px 0 #fff3;transform:translateY(-4px) scale(1.05)}.hero .btn-secondary{animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .8s both,secondaryGlow 6s ease-in-out infinite;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background:linear-gradient(135deg,#ffffff14,#ffffff1f);border:1px solid #ffffff4d;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #ffffff1a;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero .btn-secondary:hover{background:linear-gradient(135deg,#ffffff26,#ffffff40);border-color:#fff9;box-shadow:0 15px 50px #ffffff40,inset 0 3px 0 #ffffff26;transform:translateY(-4px) scale(1.05)}.btn-icon{transition:transform .3s ease}.btn:hover .btn-icon{transform:translateX(3px)}.hero-stats{display:flex;gap:2.5rem;justify-content:center;margin-bottom:1rem;margin-top:1.5rem}.stat{text-align:center}.stat-number{-webkit-text-fill-color:#0000;font-feature-settings:"tnum" 1;animation:numberGradientShift 5s ease-in-out infinite,numberPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#60a5fa,#3b82f6 50%,#2563eb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 2px 8px rgba(59,130,246,.4));font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800}.stat-label{color:#f1f5f9e6;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin-top:.5rem;text-shadow:0 1px 3px #0006;text-transform:uppercase}.scroll-down{animation:bounce 2s infinite;bottom:40px;cursor:pointer;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:4}.scroll-down:hover{opacity:1;transform:translateX(-50%) scale(1.1)}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(12px)}}.mouse-wheel{animation:wheel-move 1.2s infinite}@keyframes wheel-move{0%,to{cy:14}50%{cy:22}}@keyframes titleGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes highlightGradientShift{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:200% 50%}75%{background-position:300% 50%}}@keyframes highlightPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes descriptionGlow{0%,to{text-shadow:0 2px 8px #0009,0 1px 3px #0006}50%{text-shadow:0 2px 8px #0009,0 1px 3px #0006,0 0 20px #3b82f633}}@keyframes badgeGlow{0%,to{border-color:#3b82f64d;box-shadow:0 8px 32px #3b82f633,inset 0 1px 0 #ffffff1a}50%{border-color:#3b82f680;box-shadow:0 12px 48px #3b82f666,inset 0 1px 0 #fff3}}@keyframes iconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes buttonGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes titleSlideGlow{0%,to{text-shadow:0 0 20px #00ffff4d,0 0 40px #0ff3,0 4px 8px #00000080}50%{text-shadow:0 0 30px #00ffff80,0 0 60px #00ffff4d,0 4px 8px #00000080,0 0 100px #ffffff1a}}@keyframes neonSlide{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes highlightGlitch{0%,90%,to{transform:translateX(0)}2%,4%{transform:translateX(-2px)}6%,8%{transform:translateX(2px)}10%{transform:translateX(-1px)}}@keyframes textPulse{0%,to{opacity:.95;text-shadow:0 2px 4px #0006,0 0 30px #00ffff1a}50%{opacity:1;text-shadow:0 2px 4px #0006,0 0 40px #0ff3}}@keyframes badgeNeon{0%,to{border-color:#0f8;box-shadow:0 0 20px #0f86,inset 0 1px 0 #ffffff1a}50%{border-color:#0ff;box-shadow:0 0 30px #0f89,0 0 50px #00ff884d,inset 0 1px 0 #fff3}}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 10px #00FF88);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #00FF88) drop-shadow(0 0 30px #00FFFF);transform:scale(1.1)}}@keyframes cyberpunkGlow{0%,to{background-position:0 50%;box-shadow:0 0 30px #ff008099,0 0 60px #0ff6,0 8px 32px #0000004d}50%{background-position:100% 50%;box-shadow:0 0 40px #ff0080cc,0 0 80px #0ff9,0 8px 32px #0000004d}}@keyframes secondaryGlow{0%,to{box-shadow:0 0 20px #0f86,inset 0 1px 0 #0f83}50%{box-shadow:0 0 30px #0f89,0 0 50px #00ff884d,inset 0 1px 0 #00ff884d}}@keyframes numberGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{text-shadow:0 0 10px #00fff780}to{text-shadow:0 0 20px #00fff7cc,0 0 30px #00fff799}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:900px){.hero{padding-bottom:30px;padding-top:80px}.hero .container{min-height:calc(96vh - 120px);padding:20px}.hero-content{max-width:100%}.hero-title{font-size:2.5rem;line-height:1.3;margin-bottom:1rem}.hero-description{font-size:1.1rem;margin-bottom:1.5rem}.hero-actions{gap:1rem;margin-top:1rem}.btn{font-size:1rem;min-width:160px;padding:.9rem 2rem}.hero-stats{gap:1.5rem;margin-top:2rem}.scroll-down{display:none}}@media (max-width:600px){.hero{border-radius:12px;margin:4px;padding-bottom:15px;padding-top:60px}.hero .container{padding:8px}.hero-content{gap:.5rem;text-align:center}.hero-title{font-size:1.2rem;letter-spacing:-.2px;line-height:1.2;margin-bottom:.5rem}.hero-description{font-size:.7rem;line-height:1.3;margin-bottom:.8rem;margin-left:auto;margin-right:auto;max-width:95%}.hero-actions{align-items:center;flex-direction:column;gap:.5rem;margin-top:.8rem;width:100%}.btn{font-size:.7rem;max-width:200px;min-width:auto;padding:.6rem 1rem;width:100%}.hero-stats{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.8rem}.stat-item{flex:1 1;max-width:80px;min-width:60px}.stat-number{font-size:.9rem}.stat-label{font-size:.6rem}.scroll-down{display:none}}.btn,.hero-actions,.hero-content,.hero-description,.hero-title{will-change:transform,opacity}.hero-text{align-items:center;display:flex;flex-direction:column;width:100%}.btn:focus-visible{outline:2px solid #00fff7;outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn,.hero-actions,.hero-content,.hero-description,.hero-highlight,.hero-title,.scroll-down{animation:none}.btn:hover{transform:none}.scroll-down:hover{transform:translateX(-50%)}}
/*# sourceMappingURL=main.f0d0c85c.css.map*/