body{font-family:Segoe UI,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}@media (max-width:768px){.container{margin:0;padding:15px;width:100%}body{font-size:16px}}:root{--primary-purple:#9333ea;--primary-pink:#ec4899;--dark-bg:#0f172a;--dark-purple:#581c87;--bg-glass-strong:#ffffff26;--navbar-height:80px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-bottom:1px solid #0000;left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-white);box-shadow:0 4px 20px #0000001a;padding:.75rem 0}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;color:var(--text-white);font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-icon,.navbar-logo:hover{color:#9333ea;color:var(--primary-purple)}.logo-icon{height:2rem;margin-right:.75rem;transition:all .3s ease;width:2rem}.navbar-logo:hover .logo-icon{color:#ec4899;color:var(--primary-pink);transform:rotate(10deg)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#ec4899);background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));-webkit-background-clip:text;background-clip:text}.navbar-menu{align-items:center;display:none;gap:2rem;list-style:none;margin:0;padding:0}@media (min-width:1024px){.navbar-menu{display:flex}}.navbar-item{position:relative}.navbar-link{align-items:center;background:none;border:none;border-radius:.5rem;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.navbar-link:hover{background:#ffffff1a;background:var(--bg-glass);transform:translateY(-2px)}.navbar-link.active,.navbar-link:hover{color:#9333ea;color:var(--primary-purple)}.navbar-link.active{background:#ffffff26;background:var(--bg-glass-strong)}.dropdown-trigger{gap:.5rem}.dropdown-icon{height:1rem;transition:transform .3s ease;width:1rem}.dropdown-icon.rotated{transform:rotate(180deg)}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);left:50%;margin-top:.5rem;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;top:100%;transform:translateX(-50%);transform:translateX(-50%) translateY(-10px);transition:all .3s ease;visibility:hidden}.dropdown-menu.active{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.dropdown-link{border-left:3px solid #0000;color:#fff;color:var(--text-white);display:block;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.dropdown-link:hover{background:#ffffff1a;background:var(--bg-glass);border-left-color:#9333ea;border-left-color:var(--primary-purple);color:#9333ea;color:var(--primary-purple);padding-left:2rem}.navbar-cta{align-items:center;display:none;gap:1rem}@media (min-width:1024px){.navbar-cta{display:flex}}.btn-login{border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:9999px;color:#fff;color:var(--text-white);font-weight:500;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-login:hover{background:#ffffff1a;background:var(--bg-glass);border-color:#9333ea;border-color:var(--primary-purple);color:#9333ea;color:var(--primary-purple);transform:translateY(-2px)}.btn-signup{background:linear-gradient(135deg,#9333ea,#ec4899);background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));border-radius:9999px;color:#fff;color:var(--text-white);font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-signup:hover{background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 10px 25px #9333ea4d;transform:translateY(-2px)}.mobile-menu-btn{background:none;border:none;border-radius:.5rem;color:#fff;color:var(--text-white);cursor:pointer;display:block;padding:.5rem;transition:all .3s ease}@media (min-width:1024px){.mobile-menu-btn{display:none}}.mobile-menu-btn:hover{background:#ffffff1a;background:var(--bg-glass);color:#9333ea;color:var(--primary-purple)}.menu-icon{height:1.5rem;width:1.5rem}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172afa;bottom:0;height:100vh;left:0;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:999}.mobile-menu.active{transform:translateX(0)}.mobile-menu-content{display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:flex-start;padding:2rem 1.5rem}.mobile-link{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-white);color:#fff;color:var(--text-white);font-size:1.125rem;font-weight:500;padding:1rem 0;text-decoration:none;transition:all .3s ease}.mobile-link:hover{color:#9333ea;color:var(--primary-purple);padding-left:1rem}.mobile-dropdown{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-white)}.mobile-dropdown-trigger{align-items:center;background:none;border:none;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:1.125rem;font-weight:500;justify-content:space-between;padding:1rem 0;text-align:left;transition:all .3s ease;width:100%}.mobile-dropdown-trigger:hover{color:#9333ea;color:var(--primary-purple)}.mobile-dropdown-content{max-height:0;overflow:hidden;padding-left:1rem;transition:all .3s ease}.mobile-dropdown-content.active{max-height:300px;padding-bottom:1rem}.mobile-sub-link{border-left:3px solid #0000;color:#d1d5db;color:var(--text-gray);display:block;padding:.75rem 0 .75rem 1rem;text-decoration:none;transition:all .3s ease}.mobile-sub-link:hover{border-left-color:#9333ea;border-left-color:var(--primary-purple);color:#9333ea;color:var(--primary-purple);padding-left:1.5rem}.mobile-cta{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.mobile-btn-login{border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:.5rem;color:#fff;color:var(--text-white);font-weight:500;padding:1rem;text-align:center;text-decoration:none;transition:all .3s ease}.mobile-btn-login:hover{background:#ffffff1a;background:var(--bg-glass);border-color:#9333ea;border-color:var(--primary-purple);color:#9333ea;color:var(--primary-purple)}.mobile-btn-signup{background:linear-gradient(135deg,#9333ea,#ec4899);background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));border-radius:.5rem;color:#fff;color:var(--text-white);font-weight:600;padding:1rem;text-align:center;text-decoration:none;transition:all .3s ease}.mobile-btn-signup:hover{background:linear-gradient(135deg,#7c3aed,#db2777);transform:scale(1.02)}.mobile-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu.active{animation:slideDown .3s ease}@media (max-width:1023px){.navbar-container{padding:0 1rem}}@media (max-width:768px){.navbar,.navbar.scrolled{padding:.5rem 0}.logo-text{font-size:1.25rem}.logo-icon{height:1.5rem;width:1.5rem}}.btn-login:focus,.btn-signup:focus,.mobile-menu-btn:focus,.navbar-link:focus{outline:2px solid #9333ea;outline:2px solid var(--primary-purple);outline-offset:2px}html{scroll-behavior:smooth}.mobile-btn-login,.mobile-btn-signup,.mobile-link{border-radius:.75rem;font-size:1.25rem;padding:1.25rem 0}.mobile-btn-login,.mobile-btn-signup{border-radius:.5rem;box-sizing:border-box;font-size:1rem;margin-bottom:.5rem;padding:.75rem 1.25rem;width:100%}.footer{background:linear-gradient(90deg,#03070f,#16225d);border-top:1px solid #ffffff1a;border-top:1px solid var(--border-white);color:#fff;color:var(--text-white);padding:3rem 0 1.5rem}.footer-columns{align-items:flex-start;display:flex;flex-direction:row;gap:4rem;justify-content:flex-start;margin:0 auto 2rem;max-width:1200px;padding:0 1.5rem}.footer-col{flex:1 1 260px;min-width:220px;text-align:left}.footer-about{max-width:400px}.footer-brand{align-items:center;display:flex;margin-bottom:1rem}.footer-icon{height:2.2rem;margin-right:.75rem;width:2.2rem}.footer-icon,.footer-title{color:#3b82f6;color:var(--primary-blue)}.footer-title{font-size:1.5rem;font-weight:700}.footer-text{color:#d1d5db;color:var(--text-gray);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.footer-btn{background:#0000;border:1px solid #3b82f6;border:1px solid var(--primary-blue);border-radius:.75rem;color:#3b82f6;color:var(--primary-blue);display:inline-block;font-weight:500;margin-top:.5rem;padding:.5rem 1.5rem;text-decoration:none;transition:background .2s,color .2s}.footer-btn:hover{background:#3b82f6;background:var(--primary-blue);color:#fff}.footer-heading{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-white);color:#d97706;color:var(--primary-yellow);font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#fff;color:var(--text-white);font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#3b82f6;color:var(--primary-blue)}.footer-bottom{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-white);color:#9ca3af;color:var(--text-gray-dark);display:flex;flex-direction:row;font-size:.95rem;gap:2rem;justify-content:flex-start;margin:0 auto;max-width:1200px;padding-left:1.5rem;padding-top:1rem;text-align:left}@media (max-width:900px){.footer-columns{align-items:flex-start;flex-direction:column;gap:2.5rem}.footer-col{min-width:0;width:100%}.footer-about{max-width:100%}.footer-bottom{flex-direction:column;gap:.5rem;padding-left:1.5rem}}.cookie-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.cookie-popup{animation:slideUp .3s ease-out;background:var(--dark-bg);border:1px solid var(--border-white);border-radius:1rem;max-width:600px;width:100%}.cookie-content{padding:2rem}.cookie-header{align-items:center;border-bottom:1px solid var(--border-white);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.cookie-header-content{align-items:center;display:flex;gap:1rem}.cookie-icon{background:#3b82f61a;border-radius:.5rem;color:var(--primary-blue);padding:.5rem}.cookie-title{color:var(--text-white);font-size:1.5rem;font-weight:600;margin:0}.cookie-description{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f633;border-radius:.75rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.cookie-description p{color:var(--text-gray);font-size:.95rem;line-height:1.6;margin:0}.cookie-category{background:#ffffff0d;border:1px solid var(--border-white);border-radius:.75rem;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.cookie-category:hover{background:#ffffff14}.cookie-category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.cookie-category h4{color:var(--text-white);font-size:1.1rem;font-weight:500;margin:0}.required-badge{background:#ef44441a;border-radius:1rem;color:#ef4444;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.cookie-example{color:var(--text-gray);font-size:.85rem;margin-top:.5rem;opacity:.8}.cookie-buttons{display:flex;gap:1rem;margin-top:2rem}.cookie-btn{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.cookie-btn:disabled{cursor:not-allowed;opacity:.6}.cookie-btn-accept{background:linear-gradient(135deg,var(--primary-blue),var(--primary-yellow));border:none;color:var(--text-white)}.cookie-btn-accept:hover:not(:disabled){box-shadow:0 8px 16px -8px #3b82f680;transform:translateY(-2px)}.cookie-btn-refuse{background:#ffffff1a;border:1px solid var(--border-white);color:var(--text-white)}.cookie-btn-refuse:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.cookie-btn-settings{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--primary-blue);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.cookie-btn-settings:hover:not(:disabled){background:#3b82f61a}.cookie-toggle{display:inline-block;height:1.75rem;position:relative;width:3rem}.cookie-toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#fff3;border-radius:2rem;cursor:pointer;inset:0;position:absolute;transition:all .3s ease}.toggle-slider:before{background:#fff;border-radius:50%;bottom:.25rem;content:"";height:1.25rem;left:.25rem;position:absolute;transition:transform .3s ease;width:1.25rem}.cookie-toggle input:checked+.toggle-slider{background:var(--primary-blue)}.cookie-toggle input:checked+.toggle-slider:before{transform:translateX(1.25rem)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;width:1rem}.cookie-manager-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827e6;border:1px solid var(--border-white);border-radius:.75rem;bottom:1.5rem;color:var(--text-white);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;left:1.5rem;padding:.75rem 1.25rem;position:fixed;transition:all .3s ease;z-index:9998}.cookie-manager-button:hover{background:#3b82f61a;border-color:var(--primary-blue);transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.cookie-content{padding:1.5rem}.cookie-buttons{flex-direction:column}.cookie-btn{width:100%}.cookie-category{padding:1rem}}:root{--primary-yellow:#d97706;--bg-glass:#ffffff1a}.home{background:linear-gradient(135deg,#0f172a,#581c87 50%,#0f172a);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.hero-section{justify-content:center;min-height:80vh;overflow:hidden;padding:8rem 0 6rem}.background-animations{inset:0;overflow:hidden;pointer-events:none;position:absolute}.bg-element{border-radius:50%;filter:blur(60px);height:20rem;mix-blend-mode:multiply;opacity:.7;position:absolute;width:20rem}.bg-element-1{animation:pulse 4s ease-in-out infinite;right:-10rem;top:-10rem}.bg-element-1,.bg-element-2{background-color:#3b82f6;background-color:var(--primary-blue)}.bg-element-2{animation:pulse 4s ease-in-out 1s infinite;bottom:-10rem;left:-10rem}.bg-element-3{animation:pulse 4s ease-in-out .5s infinite;background-color:#d97706;background-color:var(--primary-yellow);left:50%;top:50%;transform:translate(-50%,-50%)}.hero-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:0 1.5rem;position:relative;width:100%;z-index:10}.hero-content{text-align:center;width:100%}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:9999px;display:inline-flex;font-size:1rem;margin-bottom:2.5rem;padding:.75rem 2rem}.badge-icon{color:#fbbf24;height:1rem;margin-right:.5rem;width:1rem}.hero-badge span{font-size:.875rem}.hero-badge span,.hero-title{color:#fff;color:var(--text-white)}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;letter-spacing:-2px;margin-bottom:2rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#d97706,#fff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-yellow),#fff);-webkit-background-clip:text;background-clip:text}.hero-description{color:#d1d5db;color:var(--text-gray);font-size:1.25rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:40rem}.hero-description strong{color:#fff;color:var(--text-white)}.hero-buttons{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:center;margin-top:2rem}@media (max-width:900px){.hero-title{font-size:clamp(2.2rem,7vw,3.5rem)}.hero-container{max-width:100%}.hero-buttons{flex-direction:column;gap:1rem}.hero-section{padding:5rem 0 3rem}}.btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#d97706);background:linear-gradient(135deg,var(--primary-blue),var(--primary-yellow));border:none;border-radius:9999px;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#ea580c);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);text-decoration:none;transform:scale(1.05)}.btn-secondary{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:9999px;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;background:var(--bg-glass);text-decoration:none}.btn-icon{height:1.25rem;margin-left:.5rem;transition:transform .3s ease;width:1.25rem}.btn-primary:hover .btn-icon{transform:translateX(.25rem)}.floating-card{animation:bounce 3s ease-in-out infinite;position:absolute}.floating-card-1{animation-delay:1s;left:2.5rem;top:7rem}.floating-card-2{animation-delay:2s;right:5rem;top:20rem}.floating-card-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:.5rem;padding:1rem}.floating-icon{color:#3b82f6;color:var(--primary-blue);height:2rem;width:2rem}.stats-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0003;padding:4rem 0}.stats-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center;transition:transform .3s ease}.stat-item:hover{transform:scale(1.1)}.stat-number{color:#fff;color:var(--text-white);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:.5rem}.stat-label{color:#9ca3af;color:var(--text-gray-dark);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.features-section{padding:6rem 0}.features-container{margin:0 auto;max-width:900px;padding:0 1.5rem}.features-header{margin-bottom:4rem;text-align:center}.features-title{color:#fff;color:var(--text-white);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:1.5rem}.features-description{color:#d1d5db;color:var(--text-gray);font-size:1.25rem;margin:0 auto;max-width:32rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-auto-rows:1fr;grid-template-columns:1fr}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(17,24,46,.322);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:1rem;padding:2rem;transition:all .5s ease}.feature-card:hover{border-color:#3b82f680;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:scale(1.05)}.feature-icon-wrapper{color:#3b82f6;color:var(--primary-blue);margin-bottom:1.5rem;transition:transform .3s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)}.feature-icon{height:2rem;width:2rem}.feature-title{color:#fff;color:var(--text-white);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:#d1d5db;color:var(--text-gray);line-height:1.6}.cta-section{padding:6rem 0;position:relative}.cta-background{background:linear-gradient(90deg,#0000004d,#3b82f633,#d977060d);inset:0;position:absolute}.cta-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;text-align:center}.cta-title{color:#fff;color:var(--text-white);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:1.5rem}.cta-description{color:#d1d5db;color:var(--text-gray);font-size:1.25rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:32rem}.cta-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}@media (min-width:640px){.cta-content{flex-direction:row;gap:2rem}}.cta-benefits{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:.75rem;padding:1.5rem}.benefit-item{gap:.75rem;margin-bottom:.5rem}.benefit-item:last-child{margin-bottom:0}.check-icon{color:#10b981;height:1.25rem;margin-right:.5rem;width:1.25rem}.benefit-item span{color:#fff;color:var(--text-white);font-weight:600}@media (max-width:768px){.hero-section{padding:4rem 0}.stats-grid{grid-template-columns:1fr 1fr}.floating-card,.floating-card-content{display:none!important}}.cta-section{align-items:center;display:flex;min-height:100vh}.cta-container{position:relative;width:100%;z-index:10}.btn-cta{align-items:center;background:linear-gradient(135deg,#3b82f6,#d97706);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.btn-cta:hover{box-shadow:0 20px 40px -15px #0000004d;transform:translateY(-2px)}.btn-cta:disabled{cursor:not-allowed;opacity:.5}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.bg-gray-800\/50{background-color:#1f293780}.border-gray-700{border-color:#374151b3}.rounded-lg{border-radius:.5rem}.p-6{padding:1.5rem}.cursor-pointer{cursor:pointer}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.transition-all{transition:all .3s ease}.duration-300{transition-duration:.3s}.hover\:scale-105:hover{transform:scale(1.05)}.bg-gray-800\/30{background-color:#1f29374d}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.space-y-8>*+*{margin-top:2rem}.option-button{border:1px solid #4b5563b3;border-radius:.5rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.option-button.selected{background-color:#3b82f6;border-color:#2563eb;color:#fff}.option-button:not(.selected){background-color:#37415180;color:#d1d5db}.option-button:not(.selected):hover{background-color:#4b556380}.recommendation-card{background:#1f2937b3;border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:1.5rem;box-shadow:0 8px 32px 0 #00000040;padding:2.5rem 2rem;position:relative;transition:box-shadow .3s}.recommendation-card:hover{box-shadow:0 16px 48px 0 #3b82f626}.config-button{align-items:center;background:#1f293780;border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:1rem;color:#d1d5db;color:var(--text-gray);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.config-button.selected{background:linear-gradient(135deg,#3b82f6,#d97706);background:linear-gradient(135deg,var(--primary-blue),var(--primary-yellow));border:none;box-shadow:0 10px 20px -10px #3b82f680;color:#fff;color:var(--text-white);transform:translateY(-2px)}.config-button:hover:not(.selected){background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary-blue);transform:translateY(-2px)}.action-button{border-radius:1rem;display:inline-flex;gap:.5rem;overflow:hidden;position:relative}.action-button-primary{background:linear-gradient(135deg,#3b82f6,#d97706);background:linear-gradient(135deg,var(--primary-blue),var(--primary-yellow));border:none;color:#fff;color:var(--text-white)}.action-button-primary:hover{box-shadow:0 20px 40px -15px #3b82f64d;transform:translateY(-2px)}.action-button-secondary{background:#1f293780;border:1px solid #ffffff1a;border:1px solid var(--border-white);color:#fff;color:var(--text-white)}.action-button-secondary:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary-blue);transform:translateY(-2px)}.stats-grid-recommendation{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}@media (min-width:768px){.stats-grid-recommendation{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#ffffff0d;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-icon{color:#3b82f6;color:var(--primary-blue);height:2rem;margin:0 auto 1rem;width:2rem}.back-button{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:.75rem;color:#fff;color:var(--text-white);display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary-blue);transform:translateY(-2px)}.back-button svg{transition:transform .3s ease}.back-button:hover svg{transform:translateX(-2px)}.benefits-list{background:#ffffff0d;border-radius:1rem;margin:2rem 0;padding:1.5rem}.benefit-item{align-items:center;border-radius:.5rem;display:flex;gap:1rem;padding:.75rem;transition:all .3s ease}.benefit-item:hover{background:#ffffff0d}.benefit-icon{color:#3b82f6;color:var(--primary-blue);flex-shrink:0}.price-tag{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#d97706);background:linear-gradient(135deg,var(--primary-blue),var(--primary-yellow));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:1.5rem 0;text-align:center}.player-count-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:1rem 0}@media (min-width:768px){.player-count-grid{grid-template-columns:repeat(4,1fr)}}.player-count-button{background-color:#ffffff1a;background-color:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:8px;cursor:pointer;margin:5px;padding:10px;transition:all .3s ease}.player-count-button:hover{background-color:var(--bg-glass-strong);transform:scale(1.05)}.player-count-button.selected{background-color:var(--primary-purple)}.player-count-button:before{background:linear-gradient(90deg,#3b82f6,#d97706);background:linear-gradient(90deg,var(--primary-blue),var(--primary-yellow));content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .5s ease;width:100%}.player-count-button:hover:before{transform:scaleX(1)}.player-count-button:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary-blue);transform:translateY(-2px)}.player-count-button.selected{border:none;box-shadow:0 10px 20px -10px #3b82f680;color:#fff;color:var(--text-white);transform:translateY(-2px)}.player-count,.player-count-button.selected{background:linear-gradient(135deg,#3b82f6,#d97706);background:linear-gradient(135deg,var(--primary-blue),var(--primary-yellow))}.player-count{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;transition:transform .3s ease}.player-count-button.selected .player-count{-webkit-text-fill-color:#fff;-webkit-text-fill-color:var(--text-white);background:none}.player-label{color:#d1d5db;color:var(--text-gray);font-size:.875rem;transition:color .3s ease}.player-count-button.selected .player-label{color:#fff;color:var(--text-white)}.player-count-button:hover .player-count{transform:scale(1.1)}.player-count-button.game-select{padding:2rem;text-align:center}.player-count-button.game-select .player-count{font-size:2rem}.player-count-button.game-select .player-label{font-size:1rem;font-weight:600}.player-count-button.config-option{padding:1.5rem;text-align:left}.player-count-button.config-option .player-count{font-size:1.25rem}.player-count-button.config-option .player-label{font-size:.875rem}.selection-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(17,24,46,.322);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:1rem;color:#d1d5db;color:var(--text-gray);cursor:pointer;margin-bottom:1rem;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.selection-button:before{background:linear-gradient(90deg,#3b82f6,#d97706);background:linear-gradient(90deg,var(--primary-blue),var(--primary-yellow));content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .5s ease;width:100%}.selection-button:hover:before{transform:scaleX(1)}.selection-button:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary-blue);transform:translateY(-2px)}.selection-button.selected{background:linear-gradient(135deg,#3b82f6,#d97706);background:linear-gradient(135deg,var(--primary-blue),var(--primary-yellow));border:none;box-shadow:0 10px 20px -10px #3b82f680;color:#fff;color:var(--text-white);transform:translateY(-2px)}.player-count-button.config{align-items:center;display:flex;flex-direction:column;width:100%}.about-container{background:linear-gradient(135deg,#000,#1e3a8a 50%,#000);background:linear-gradient(135deg,var(--dark-bg) 0,var(--dark-blue) 50%,var(--dark-bg) 100%);min-height:100vh;overflow:hidden;position:relative}.company-icon{display:inline-block;filter:drop-shadow(0 0 20px rgba(245,158,11,.5));font-size:4rem;margin-bottom:30px}.hero-subtitle{max-width:800px}.about-section{margin:0 auto;max-width:1400px;padding:4rem 20px;position:relative;z-index:10}.section-header{margin-bottom:4rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#3b82f6);background:linear-gradient(135deg,var(--text-white) 0,var(--primary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.section-subtitle{color:#d1d5db;color:var(--text-gray);font-size:1.2rem;margin:0 auto;max-width:600px}.story-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:24px;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.story-timeline{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.story-timeline-vertical{margin:0 auto;max-width:700px;padding:40px 0;position:relative}.timeline-line{background:linear-gradient(180deg,#fbbf24 0,#6366f1);border-radius:2px;bottom:0;left:40px;position:absolute;top:0;width:3px;z-index:0}.timeline-item{background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:16px;padding:2rem;position:relative;transition:all .3s ease}.timeline-item:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-5px)}.timeline-event{align-items:flex-start;display:flex;margin-bottom:48px;min-height:80px;position:relative}.timeline-dot{background:#fbbf24;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #fbbf2433;flex-shrink:0;height:18px;margin-left:32px;margin-right:32px;margin-top:2px;position:relative;width:18px;z-index:2}.timeline-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;background:var(--bg-glass);border-left:4px solid #f59e0b;border-left:4px solid var(--primary-yellow);border-radius:12px;box-shadow:0 2px 16px #0000000a;color:#fff;color:var(--text-white);margin-left:16px;max-width:420px;min-width:240px;padding:18px 28px;position:relative}.timeline-year{font-size:1.2rem;font-weight:700}.timeline-title,.timeline-year{color:#3b82f6;margin-bottom:4px}.timeline-title{color:var(--primary-blue,#6366f1);font-size:1.1rem;font-weight:600}.timeline-description{color:#d1d5db;color:var(--text-gray,#444);font-size:1rem;margin:0}.objectives-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.objective-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.objective-card:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.objective-icon{display:block;filter:drop-shadow(0 0 15px rgba(59,130,246,.3));font-size:4rem;margin-bottom:1.5rem}.objective-title{color:#fff;color:var(--text-white);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.objective-description{color:#d1d5db;color:var(--text-gray);font-size:1rem;line-height:1.6}.partners-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.partner-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center;transition:all .3s ease}.partner-card:hover{border-color:#10b981;border-color:var(--primary-green);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-5px)}.partner-logo{filter:brightness(.8);height:80px;margin-bottom:1rem;object-fit:contain;transition:filter .3s ease;width:80px}.partner-card:hover .partner-logo{filter:brightness(1)}.partner-name{color:#fff;color:var(--text-white);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.partner-description{color:#d1d5db;color:var(--text-gray);font-size:.9rem;text-align:center}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.team-member{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.team-member:hover{border-color:#a855f7;border-color:var(--primary-purple);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-5px)}.member-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:50%;display:flex;font-size:2.5rem;font-weight:800;height:100px;justify-content:center;margin:0 auto 1.5rem;width:100px}.member-avatar,.member-name{color:#fff;color:var(--text-white)}.member-name{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.member-role{color:#3b82f6;color:var(--primary-blue);font-weight:600;margin-bottom:1rem}.member-description{color:#d1d5db;color:var(--text-gray);font-size:.9rem;line-height:1.5}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.animate-bounce-slow{animation:float 6s ease-in-out infinite}@media (max-width:768px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.story-content{padding:2rem}.objective-card,.timeline-item{padding:1.5rem}.objective-icon{font-size:3rem}}@media (max-width:480px){.hero-title{font-size:2rem}.about-section{padding:2rem 20px}.objectives-grid,.partners-grid,.team-grid{grid-template-columns:1fr}}.duration-tabs{gap:12px;padding:12px}.duration-tab{font-size:1.1rem;overflow:hidden;padding:14px 28px}.duration-tab:hover{color:#fff;color:var(--text-white);transform:translateY(-1px)}.duration-tab.active{padding:14px 32px}@media (max-width:768px){.discount-badge{font-size:.6rem;padding:.2rem .4rem;right:.75rem;top:-.5rem}.duration-tabs{gap:8px;padding:8px}.duration-tab{font-size:1rem;padding:12px 20px}}.plan-button,.plan-button span{text-decoration:none!important}.popular-badge{background:linear-gradient(90deg,#f59e0b,#dc2626);background:linear-gradient(90deg,var(--primary-yellow),var(--primary-red));border-radius:999px;box-shadow:0 2px 12px #f59e0b26;display:inline-block;font-size:1rem;letter-spacing:.04em;margin:18px auto 0;padding:.4rem 1.2rem;position:relative;text-align:center;z-index:2}.pricing-container{background:linear-gradient(135deg,#000,#1e3a8a 50%,#000);background:linear-gradient(135deg,var(--dark-bg) 0,var(--dark-blue) 50%,var(--dark-bg) 100%);min-height:100vh;overflow:hidden;position:relative}.rocket-icon{display:inline-block;filter:drop-shadow(0 0 20px rgba(245,158,11,.5));font-size:4rem;margin-bottom:30px}.hero-subtitle{max-width:600px}.duration-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:20px;display:flex;gap:18px;margin-bottom:60px;margin-left:auto;margin-right:auto;min-height:70px;padding:18px 18px 12px;width:fit-content}.duration-tab{align-items:center;background:#0000;border:none;border-radius:16px;color:#d1d5db;color:var(--text-gray);cursor:pointer;display:flex;flex-direction:column;font-size:1.15rem;font-weight:600;justify-content:flex-start;min-height:48px;min-width:110px;overflow:visible;padding:22px 32px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.duration-tab .discount-badge{font-size:.8rem;left:50%;padding:.18rem .7rem;pointer-events:none;position:absolute;top:2px;transform:translateX(-50%);z-index:2}.duration-tab .discount-badge:empty{display:none}.duration-tab span:not(.discount-badge){display:block;margin-top:12px}.duration-tab.active{background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));box-shadow:0 8px 25px #3b82f64d;color:#fff;color:var(--text-white);padding:22px 36px 10px;transform:translateY(-2px)}.discount-badge{animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#a855f7,#3b82f6);background:linear-gradient(135deg,var(--primary-purple),var(--primary-blue));border:1px solid #ffffff1a;border-radius:9999px;box-shadow:0 4px 12px #7c3aed33;color:#fff;color:var(--text-white);font-size:.65rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:1rem;top:-.5rem;z-index:1}@media (max-width:768px){.discount-badge{font-size:.6rem;padding:.2rem .4rem;right:.75rem;top:-.5rem}.duration-tabs{gap:8px;min-height:56px;padding:12px 6px 8px}.duration-tab{font-size:1rem;min-height:38px;min-width:80px;padding:16px 10px 6px}.duration-tab span:not(.discount-badge){margin-top:8px}.duration-tab .discount-badge{font-size:.7rem;padding:.12rem .5rem;top:1px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pricing-section{margin:0 auto;max-width:1400px;padding:2rem 20px 80px;position:relative;z-index:10}.plans-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,minmax(300px,1fr));margin:0 auto;padding:1rem}.plan-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:24px;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0 auto;max-width:400px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.plan-card-header{margin-bottom:2rem;position:relative}.plan-card-content{display:flex;flex-direction:column;flex-grow:1;gap:1.5rem;margin:2rem 0}.plan-card-footer .btn-primary:active{box-shadow:0 4px 12px #3b82f64d;transform:scale(.97)}.plan-button{align-items:center;background:#1f293780;border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:9999px;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.plan-button:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 8px 25px #3b82f633;transform:translateY(-2px)}.plan-card.green .plan-button:hover{background:#10b9811a;border-color:#10b981;border-color:var(--primary-green)}.plan-card.purple .plan-button:hover{background:#a855f71a;border-color:#a855f7;border-color:var(--primary-purple)}.plan-button .button-shine{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.plan-button:hover .button-shine{left:100%}.plan-card-footer .btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:12px;box-shadow:0 8px 25px #3b82f64d;color:#fff;color:var(--text-white);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.05em;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:transform .2s ease,box-shadow .3s ease;width:100%}.plan-card-footer .btn-primary:before{background:radial-gradient(circle at center,#ffffff26,#0000 60%);border-radius:50%;content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:scale(0);transition:transform .5s ease;width:200%;z-index:0}.plan-card-footer .btn-primary:hover:before{transform:scale(1.2)}.plan-card-footer .btn-primary:hover{box-shadow:0 10px 30px #3b82f666;transform:translateY(-3px)}.plan-card.purple .btn-primary:hover{background:#a855f71a;border-color:#a855f7;border-color:var(--primary-purple)}@media (max-width:1200px){.plans-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media (max-width:768px){.plans-grid{gap:2rem;grid-template-columns:minmax(280px,1fr)}.plan-card{max-width:100%}.plan-card-footer .btn-primary{font-size:.9rem;padding:.875rem 1.5rem}.discount-badge{font-size:.7rem;padding:.25rem .5rem;right:.35rem;top:.35rem}}.plan-card{animation:fadeInUp .6s ease-out forwards}.plan-card:nth-child(2){animation-delay:.2s}.plan-card:nth-child(3){animation-delay:.4s}.plan-icon-container{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:60px}.mob-icon{display:block;height:60px;width:60px}:root{--primary-yellow:#f59e0b;--primary-blue:#3b82f6;--primary-green:#10b981;--primary-red:#dc2626;--primary-purple:#a855f7;--primary-orange:#f97316;--dark-bg:#000;--dark-blue:#1e3a8a;--text-white:#fff;--text-gray:#d1d5db;--text-gray-dark:#9ca3af;--border-white:#ffffff1a;--bg-glass:#ffffff0d;--shadow-xl:0 25px 50px -12px #00000040}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;background:var(--dark-bg);color:#fff;color:var(--text-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.vps-container{background:linear-gradient(135deg,#000,#1e3a8a 50%,#000);background:linear-gradient(135deg,var(--dark-bg) 0,var(--dark-blue) 50%,var(--dark-bg) 100%);min-height:100vh;overflow:hidden;position:relative}.background-overlay{animation:backgroundShift 20s ease-in-out infinite;bottom:0;left:0;right:0;top:0}@keyframes backgroundShift{0%,to{transform:translateX(0)}50%{transform:translateX(1%)}}.orb-1{background:linear-gradient(45deg,#3b82f6,#a855f7)}.orb-2{background:linear-gradient(45deg,#f59e0b,#dc2626)}.floating-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-particles:after,.floating-particles:before{animation:sparkle 3s linear infinite;background:#fff;background:var(--text-white);border-radius:50%;content:"";height:2px;position:absolute;width:2px}.floating-particles:before{animation-delay:0s;left:30%;top:20%}.floating-particles:after{animation-delay:1.5s;right:25%;top:60%}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hero-section{margin:0 auto;max-width:1400px;padding:80px 20px 60px;position:relative;text-align:center;z-index:10}.hero-content,.hero-section{align-items:center;display:flex;flex-direction:column}.server-icon{display:inline-block;filter:drop-shadow(0 0 20px rgba(245,158,11,.5))}.hero-title,.server-icon{font-size:4rem;margin-bottom:30px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#d1d5db 50%,#3b82f6);background:linear-gradient(135deg,var(--text-white) 0,var(--text-gray) 50%,var(--primary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1.1;text-shadow:0 0 50px #ffffff1a}.hero-subtitle{color:#d1d5db;color:var(--text-gray);font-size:1.3rem;margin-bottom:50px;max-width:700px;opacity:.9}.os-selector{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:60px}.os-selector-title{color:#fff;color:var(--text-white);font-size:1.5rem;font-weight:700;margin-bottom:10px}.os-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.os-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:12px;color:#d1d5db;color:var(--text-gray);cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.os-option:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 8px 25px #3b82f633;transform:translateY(-2px)}.os-option.selected{background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-color:#0000;box-shadow:0 8px 25px #3b82f64d;color:#fff;color:var(--text-white)}.os-icon{align-items:center;border-radius:4px;display:flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;width:24px}.os-icon.debian{background:#d70a53;color:#fff}.os-icon.ubuntu{background:#e95420;color:#fff}.os-icon.centos{background:#932279;color:#fff}.os-icon.fedora{background:#294172;color:#fff}.os-icon.arch{background:#1793d1;color:#fff}.os-icon.windows{background:#0078d4;color:#fff}.os-options-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:10px;max-width:700px;width:100%}.os-option-btn{align-items:center;background:#ffffff0a;border:2px solid #0000;border-radius:14px;color:#d1d5db;color:var(--text-gray);cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:8px;outline:none;padding:18px 8px 12px;position:relative;transition:all .2s}.os-option-btn.selected,.os-option-btn:focus{background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 4px 24px #3b82f626;color:#fff;color:var(--text-white)}.os-option-btn:hover{background:#3b82f614;color:#fff;color:var(--text-white)}.os-logo{align-items:center;display:flex;height:32px;justify-content:center;margin-bottom:4px;width:32px}.os-label{font-size:.95rem;line-height:1.2;text-align:center}.vps-section{margin:0 auto;max-width:1400px;padding:2rem 20px 80px;position:relative;z-index:10}.vps-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;padding:1rem}.vps-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:24px;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0 auto;max-width:400px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.vps-card:hover{border-color:#fff3;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.vps-card.popular{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 0 40px #3b82f633}.popular-badge{animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-radius:20px;box-shadow:0 8px 25px #3b82f64d;color:#fff;color:var(--text-white);font-size:.8rem;font-weight:700;left:50%;letter-spacing:.5px;padding:8px 20px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.vps-card-header{margin-bottom:2rem;position:relative}.vps-name{color:#fff;color:var(--text-white);font-size:1.5rem;font-weight:800;margin-bottom:.5rem;text-align:center}.vps-description{color:#d1d5db;color:var(--text-gray);font-size:1rem;opacity:.8;text-align:center}.vps-card-content{flex-grow:1;gap:1.5rem;margin:2rem 0}.vps-card-content,.vps-features{display:flex;flex-direction:column}.vps-features{gap:1rem}.feature-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:8px 0}.feature-row:last-child{border-bottom:none}.feature-icon{color:#3b82f6;color:var(--primary-blue);flex-shrink:0}.feature-content{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.feature-label{color:#d1d5db;color:var(--text-gray);font-size:.9rem}.feature-value{color:#fff;color:var(--text-white);font-size:.9rem;font-weight:600}.vps-pricing{margin:2rem 0;text-align:center}.price-display{align-items:baseline;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.price{color:#fff;color:var(--text-white);font-size:2.5rem;font-weight:900}.duration{color:#d1d5db;color:var(--text-gray);font-size:1rem}.os-info{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-white);border-radius:12px;display:flex;gap:10px;justify-content:center;margin:1rem 0;padding:12px}.selected-os{color:#d1d5db;color:var(--text-gray);font-size:.9rem}.selected-os-name{font-weight:600}.selected-os-name,.vps-button{color:#fff;color:var(--text-white)}.vps-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:12px;box-shadow:0 8px 25px #3b82f64d;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.vps-button:hover{box-shadow:0 12px 35px #3b82f666;transform:translateY(-3px)}.vps-button:active{box-shadow:0 4px 12px #3b82f64d;transform:scale(.97)}.vps-button:before{background:radial-gradient(circle at center,#ffffff26,#0000 60%);border-radius:50%;content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:scale(0);transition:transform .5s ease;width:200%;z-index:0}.vps-button:hover:before{transform:scale(1.2)}.button-shine{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.vps-button:hover .button-shine{left:100%}.vps-card.green .vps-button{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green),#059669);box-shadow:0 8px 25px #10b9814d}.vps-card.yellow .vps-button{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--primary-yellow),#d97706);box-shadow:0 8px 25px #f59e0b4d}.vps-card.red .vps-button{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--primary-red),#b91c1c);box-shadow:0 8px 25px #dc26264d}.vps-card.purple .vps-button{background:linear-gradient(135deg,#a855f7,#7c3aed);background:linear-gradient(135deg,var(--primary-purple),#7c3aed);box-shadow:0 8px 25px #a855f74d}.vps-card.orange .vps-button{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--primary-orange),#ea580c);box-shadow:0 8px 25px #f973164d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-bounce-slow{animation:bounce 2s infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-pulse-soft{animation:pulseSoft 2s infinite}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.8}}.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px #3b82f64d}to{box-shadow:0 0 30px #3b82f680}}@media (max-width:1200px){.vps-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.vps-grid{gap:2rem;grid-template-columns:minmax(280px,1fr)}.vps-card{max-width:100%;padding:2rem}.os-options{gap:10px}.os-option{font-size:.9rem;padding:10px 16px}.os-icon{font-size:.8rem;height:20px;width:20px}}@media (max-width:480px){.hero-section{padding:60px 15px 40px}.vps-section{padding:1.5rem 15px 60px}.vps-card{padding:1.5rem}.os-options{align-items:center;flex-direction:column;max-width:300px;width:100%}.os-option{justify-content:center;width:100%}}.os-main-grid{display:flex;gap:24px;justify-content:center;margin-bottom:18px}.os-main-btn{align-items:center;background:#ffffff0a;border:2px solid #0000;border-radius:14px;color:#d1d5db;color:var(--text-gray);cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;min-width:110px;outline:none;padding:18px 18px 12px;position:relative;transition:all .2s}.os-main-btn.selected,.os-main-btn:focus{background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 4px 24px #3b82f626;color:#fff;color:var(--text-white)}.os-main-btn:hover{background:#3b82f614;color:#fff;color:var(--text-white)}.os-versions-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.os-version-btn{background:#ffffff12;border:2px solid #0000;border-radius:10px;color:#d1d5db;color:var(--text-gray);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 18px;position:relative;transition:all .2s}.os-version-btn.selected,.os-version-btn:focus{background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-color:#3b82f6;border-color:var(--primary-blue);color:#fff;color:var(--text-white)}.os-version-btn.not-available,.os-version-btn:disabled{background:#222;border-color:#444;color:#888;cursor:not-allowed;opacity:.7}.os-stock-badge{background:#f59e42;border-radius:8px;color:#fff;font-size:.7em;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.vps-type-selector{display:flex;gap:24px;justify-content:center;margin-bottom:40px}.vps-type-selector button{align-items:center;background:#ffffff12;border:2px solid #0000;border-radius:12px;color:#d1d5db;color:var(--text-gray);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;padding:14px 28px;transition:all .2s}.vps-type-selector button.selected,.vps-type-selector button:focus{background:linear-gradient(135deg,#3b82f6,#a855f7);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 4px 24px #3b82f626;color:#fff;color:var(--text-white)}.not-found-container{align-items:center;background:linear-gradient(135deg,var(--dark-bg) 0,var(--dark-blue) 50%,var(--dark-bg) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.background-overlay{background:radial-gradient(circle at 20% 50%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 20%,#f59e0b26 0,#0000 50%),radial-gradient(circle at 40% 80%,#a855f726 0,#0000 50%);inset:0}.background-orb,.background-overlay{pointer-events:none;position:absolute}.background-orb{border-radius:50%;filter:blur(60px);opacity:.3}.orb-1{animation:float 15s ease-in-out infinite;background:linear-gradient(45deg,var(--primary-blue),var(--primary-purple));height:300px;left:10%;top:20%;width:300px}.orb-2{animation:float 12s ease-in-out infinite reverse;background:linear-gradient(45deg,var(--primary-yellow),var(--primary-red));bottom:20%;height:250px;right:10%;width:250px}.not-found-content{animation:fadeInUp .6s ease-out forwards;max-width:600px;position:relative;text-align:center;z-index:10}.error-code{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--text-white) 0,var(--primary-blue) 50%,var(--primary-purple) 100%);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:900;line-height:1;margin-bottom:1rem}.error-title{color:var(--text-white);font-size:2.5rem;margin-bottom:1.5rem}.error-description{color:var(--text-gray);font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem}.error-actions{display:flex;gap:1rem;justify-content:center}.action-button{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.home-button{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:var(--text-white)}.reload-button{background:#ffffff1a;border:1px solid var(--border-white);color:var(--text-white)}
/*# sourceMappingURL=main.de581e7d.css.map*/