@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";
:root{--bg-dark:#050505;--bg-card:#141416b3;--bg-glass:#ffffff08;--border-glass:#ffffff14;--primary:#6366f1;--primary-glow:#6366f180;--secondary:#ec4899;--text-main:#f8fafc;--text-muted:#94a3b8;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;max-width:100vw;color:var(--text-main);font-family:var(--font-body);-webkit-text-size-adjust:100%;line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;word-break:break-word;font-weight:700}a{color:inherit;text-decoration:none;transition:all .2s}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:14px;box-shadow:0 8px 32px #0003}@media (min-width:768px){.glass-panel{border-radius:16px}}.responsive-card-p{padding:1.25rem}@media (min-width:640px){.responsive-card-p{padding:2rem}}@media (min-width:1024px){.responsive-card-p{padding:3rem}}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px var(--primary-glow);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-outline{color:var(--text-main);border:1px solid var(--border-glass);text-align:center;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-outline:hover{background:var(--bg-glass);border-color:#fff3}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.input-field{border:1px solid var(--border-glass);color:#fff;width:100%;font-family:var(--font-body);background:#0000004d;border-radius:8px;padding:.75rem 1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.grid-2{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem}}.grid-3{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;display:grid}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{min-width:720px}.hero-section{align-items:center;min-height:100vh;padding-top:90px;padding-bottom:3rem;display:flex;position:relative;overflow:hidden}.hero-bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:min(600px,90vw);height:min(600px,90vw);position:absolute;top:-150px;left:-150px}.hero-bg-glow-2{z-index:-1;pointer-events:none;background:radial-gradient(circle,#ec48991a 0%,#0000 70%);width:min(600px,90vw);height:min(600px,90vw);position:absolute;bottom:-150px;right:-150px}.hero-grid{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media (min-width:969px){.hero-grid{grid-template-columns:1.1fr .9fr;gap:3.5rem}}.hero-content{text-align:center;padding-right:0}@media (min-width:969px){.hero-content{text-align:left;padding-right:1.5rem}}.hero-title{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.15}.hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.7}@media (min-width:969px){.hero-subtitle{margin-left:0;margin-right:0}}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (min-width:969px){.hero-buttons{justify-content:flex-start}}.stats-container{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2.5rem;display:flex}@media (min-width:969px){.stats-container{justify-content:flex-start}}.slider-container{border:1px solid var(--border-glass);border-radius:18px;width:100%;height:340px;position:relative;overflow:hidden;box-shadow:0 15px 40px #00000080}@media (min-width:640px){.slider-container{border-radius:22px;height:440px}}@media (min-width:1024px){.slider-container{border-radius:24px;height:560px}}.slider-track{height:100%;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}.slide{min-width:100%;height:100%;position:relative}.slide-img{object-fit:cover;width:100%;height:100%}.slide-overlay{background:linear-gradient(#0000 0%,#00000080 40%,#000000eb 100%);width:100%;padding:1.5rem;position:absolute;bottom:0;left:0}@media (min-width:768px){.slide-overlay{padding:2rem}}.slide-title{margin-bottom:.25rem;font-size:clamp(1.15rem,3vw,1.5rem)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.navbar{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-glass);background:#050505d9;width:100%;padding:1rem 0;position:fixed;top:0;left:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-size:1.25rem;font-weight:800;font-family:var(--font-heading);align-items:center;display:flex}@media (min-width:640px){.nav-logo{font-size:1.5rem}}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--text-main)}.nav-toggle-btn{border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:none}@media (max-width:768px){.nav-toggle-btn{display:flex}.nav-links.desktop-menu{display:none}.mobile-menu-drawer{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);z-index:99;background:#0a0a0cfa;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:fixed;top:61px;left:0;right:0;box-shadow:0 10px 30px #00000080}.mobile-menu-drawer .nav-link{border-bottom:1px solid #ffffff0f;padding:.5rem 0;font-size:1.1rem}}.admin-container{width:100%;min-height:100vh;display:flex;position:relative}.admin-sidebar{background:var(--bg-card);border-right:1px solid var(--border-glass);z-index:50;flex-direction:column;flex-shrink:0;width:280px;padding:2rem 0;transition:transform .3s;display:flex}.admin-main{flex:1;min-width:0;padding:1.25rem;overflow-y:auto}@media (min-width:768px){.admin-main{padding:2.25rem}}@media (min-width:1024px){.admin-main{padding:3rem}}.admin-mobile-bar{background:var(--bg-card);border-bottom:1px solid var(--border-glass);z-index:40;-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:none;position:sticky;top:0}@media (max-width:1023px){.admin-container{flex-direction:column}.admin-mobile-bar{display:flex}.admin-sidebar{-webkit-backdrop-filter:blur(20px);background:#0c0c0ffa;width:280px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0009}.admin-sidebar.open{transform:translate(0)}.admin-overlay{z-index:45;-webkit-backdrop-filter:blur(4px);background:#000000b3;position:fixed;inset:0}}@media (min-width:1024px){.admin-overlay{display:none!important}}
