@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0b10;--bg-secondary:#12141d;--bg-tertiary:#1a1d29;--text-primary:#fff;--text-secondary:#a0a5b5;--text-muted:#646a7d;--accent-primary:#f02525;--accent-secondary:#ff4a4a;--accent-danger:#ff4a4a;--accent-success:#00e676;--glass-bg:#14162099;--glass-border:#ffffff14;--font-sans:"Outfit", sans-serif;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;min-height:100vh}img,svg,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;transition:var(--transition);border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #7000ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00f0ff66}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);transition:var(--transition);background:0 0;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes pulseGlow{0%{box-shadow:0 0 #7000ff99}50%{box-shadow:0 0 15px 5px #7000ff4d}to{box-shadow:0 0 #7000ff00}}.highlight-nav-btn{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));letter-spacing:.5px;z-index:10;border-radius:30px;padding:8px 24px;text-decoration:none;animation:2.5s infinite pulseGlow;display:inline-block;position:relative;box-shadow:0 4px 15px #7000ff4d;color:#fff!important;font-weight:700!important}.highlight-nav-btn:hover{animation:none;transform:scale(1.05);box-shadow:0 6px 20px #7000ff80}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero-title{font-size:4rem}.header-nav{align-items:center;gap:32px;display:flex}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.mobile-only-flex,.mobile-only-block{display:none}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-only-flex{display:flex!important}.mobile-only-block{display:block!important}.hero-title{font-size:2.5rem!important}.header-nav{flex-wrap:wrap;justify-content:center;margin-top:16px;gap:16px!important}.header-container{text-align:center;align-items:center;padding-bottom:16px;flex-direction:column!important;justify-content:center!important}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr!important}.container{padding:20px 16px!important}.glass-panel{overflow-x:auto;padding:16px!important}.logo-container{flex-direction:column!important;gap:8px!important}.logo-text{text-align:center;white-space:normal!important;font-size:1.2rem!important}.checkout-grid{grid-template-columns:1fr!important;gap:24px!important}.dashboard-layout{flex-direction:column!important}.dashboard-sidebar{border-right:none!important;border-bottom:1px solid var(--glass-border)!important;width:100%!important;min-height:auto!important}}.logo-container{align-items:center;gap:24px;text-decoration:none;display:flex}.logo-text{letter-spacing:1px;background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:2rem;font-weight:700}.checkout-grid{grid-template-columns:1fr 1.2fr;gap:40px;display:grid}.hover-opacity:hover{opacity:.8}@media (min-width:768px){.mobile-bottom-bar{display:none!important}}@media (max-width:767px){main{padding-bottom:80px!important}}.header-logo{width:80px;height:auto;transition:width .3s}@media (min-width:1025px){.header-logo{width:120px}}