@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #ff5500;--primary-hover: #e64d00;--primary-glow: rgba(255, 85, 0, .4);--bg: #050505;--bg-card: #0a0a0a;--bg-input: #0f0f0f;--border: rgba(255, 255, 255, .08);--text: #ffffff;--text-dim: rgba(255, 255, 255, .5);--font-sans: "Outfit", system-ui, -apple-system, sans-serif;--nav-height: 80px}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#020202;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 50% -20%,rgba(255,85,0,.15) 0%,transparent 50%),radial-gradient(circle at -10% 50%,rgba(255,85,0,.05) 0%,transparent 40%),radial-gradient(circle at 110% 50%,rgba(255,85,0,.05) 0%,transparent 40%),radial-gradient(circle at 50% 120%,rgba(255,85,0,.1) 0%,transparent 50%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;background-image:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.15;pointer-events:none;z-index:1000;mix-blend-mode:overlay}.top-banner{background:linear-gradient(90deg,#f50,#e64d00);color:#fff;text-align:center;padding:10px 0;font-size:11px;font-weight:800;letter-spacing:.1rem;text-transform:uppercase;z-index:2000;position:relative;box-shadow:0 4px 20px #0000004d}.top-banner a{color:#fff;text-decoration:underline;margin-left:5px}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.w-full{width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mx-auto{margin-left:auto;margin-right:auto}.w-fit{width:fit-content}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-20{padding-top:5rem}.pt-32{padding-top:8rem}.pt-40{padding-top:10rem}.pt-48{padding-top:12rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-32{padding-bottom:8rem}.overflow-hidden{overflow:hidden}.transition-all{transition:all .3s ease}.transition-transform{transition:transform .3s ease}.duration-300{transition-duration:.3s}.rotate-180{transform:rotate(180deg)}.max-h-0{max-height:0}.max-h-96{max-height:24rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}@media(min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-flex-row{flex-direction:row}.md-text-center{text-align:center}.md-text-xl{font-size:1.25rem}}.hidden{display:none}.lg-flex{display:flex}@media(min-width:1024px){.lg-flex{display:flex}.lg-flex-row{flex-direction:row}.lg-flex-col{flex-direction:column}.lg-justify-center{justify-content:center}.lg-justify-end{justify-content:flex-end}.lg-items-center{align-items:center}.lg-text-center{text-align:center}.lg-mx-auto{margin-left:auto;margin-right:auto}.lg-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-grid-cols-split{grid-template-columns:1.2fr .8fr}.lg-items-start{align-items:flex-start}.lg-text-left{text-align:left}}.items-start{align-items:flex-start}.items-center{align-items:center}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.text-primary{color:var(--primary)!important}.centered-section{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-grid-container{grid-template-columns:1fr}@media(min-width:1024px){.hero-grid-container{grid-template-columns:1.2fr .8fr}}.product-box-wrapper{transform:rotateY(15deg) rotateX(10deg);transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-box-wrapper:hover{transform:rotateY(5deg) rotateX(5deg) scale(1.02)}.glass{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05)}.premium-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-card:hover{border-color:#f509;transform:translateY(-8px);box-shadow:0 20px 60px -20px var(--primary-glow),0 0 20px #ff55001a;background:#ffffff0f}.glow-text{text-shadow:0 0 20px var(--primary-glow)}.btn-primary{background:var(--primary);color:#fff;font-weight:800;padding:1rem 2rem;border-radius:1rem;transition:all .3s ease;box-shadow:0 8px 24px -6px var(--primary-glow);display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;border:none;cursor:pointer}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px -4px var(--primary-glow)}.btn-secondary{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text);font-weight:700;padding:1rem 2rem;border-radius:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.btn-secondary:hover{border-color:#fff3;background:#ffffff14;transform:translateY(-2px)}.hero-title{font-size:clamp(3rem,10vw,8.5rem);font-weight:950;line-height:.85;letter-spacing:-.05em;text-transform:uppercase;font-style:italic}.sub-title{font-size:.7rem;font-weight:900;letter-spacing:.4em;text-transform:uppercase;color:var(--text-dim);display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.nav-pill-container{position:fixed;top:2.2rem;left:50%;transform:translate(-50%);width:auto;min-width:700px;max-width:95%;z-index:1000;transition:all .5s cubic-bezier(.4,0,.2,1)}.nav-pill{background:#080808cc;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:.4rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;box-shadow:0 10px 40px -10px #0009}.nav-item{color:var(--text-dim);text-decoration:none;font-size:.7rem;font-weight:800;letter-spacing:.15em;padding:.35rem .75rem;border-radius:6px;transition:all .2s ease;white-space:nowrap}.nav-item:hover{color:#fff;background:#ffffff08}.nav-item.active{color:var(--primary);background:transparent}.nav-logo-pill{display:flex;align-items:center;gap:.6rem;padding:.4rem 1rem;background:var(--primary);border-radius:100px;color:#fff;font-weight:900;font-size:.85rem;letter-spacing:-.02em;text-decoration:none}.online-dot-pill{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:100px;color:#22c55e;font-size:.6rem;font-weight:800;text-transform:uppercase}.online-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e;animation:pulse-glow 2s infinite}.animate-float{animation:float 5s ease-in-out infinite}@media(max-width:1024px){.nav-pill-container{width:92%;min-width:unset;top:1rem}.nav-desktop-links,.auth-desktop{display:none!important}.mobile-toggle{display:flex!important}.hero-title{font-size:clamp(2.5rem,12vw,4.5rem);text-align:center}.grid-cols-2,.grid-cols-3,.md-grid-cols-3,.lg-grid-cols-3{grid-template-columns:1fr!important}.premium-card{padding:1.5rem}.hero-grid-container{grid-template-columns:1fr!important;text-align:center;gap:3rem}.container{padding:0 1.25rem}.top-banner{font-size:9px;padding:8px 12px}.nav-item{background:transparent!important}.nav-item.active{background:#ff8c001a!important}}@media(max-width:640px){.hero-title{font-size:clamp(2rem,8vw,3.5rem)!important;text-align:center;line-height:1.1}.btn-primary,.btn-secondary{width:100%;justify-content:center}.pricing-card{margin-bottom:1.5rem}}@media(max-width:1200px){.admin-sidebar{position:fixed!important;left:-100%;top:0;bottom:0;width:280px!important;z-index:3000!important;transition:left .4s cubic-bezier(.4,0,.2,1)!important;background:#0a0a0afa!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-sidebar.mobile-open{left:0;box-shadow:20px 0 50px #00000080}.sidebar-close{display:flex!important;align-items:center;justify-content:center;background:transparent;border:none;color:#fff6;cursor:pointer;margin-left:auto}.mobile-menu-toggle{display:flex!important;align-items:center;gap:8px;background:#ff55001a;border:1px solid rgba(255,85,0,.2);color:#f50;padding:.5rem 1rem;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer;margin-right:1rem;z-index:1600!important}.header-left{display:flex;align-items:center}.admin-main{padding-top:5rem!important}.main-header{position:fixed;top:0;left:0;right:0;z-index:1500!important;padding:1rem!important}}@media(min-width:1025px){.mobile-menu-toggle,.sidebar-close{display:none!important}}