@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;800&family=Outfit:wght@300;400;700;900&family=Syncopate:wght@400;700&display=swap";:root{--bg-color:#030303;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--text-primary:#fff;--text-secondary:#888;--accent-silver:#e0e0e0;--accent-silver-glow:#e0e0e01a;--glass-bg:#14141480;--glass-border:#ffffff14;--font-primary:"Inter", sans-serif;--font-heading:"Syncopate", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,border-color .4s;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff1a}.glass-panel:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 40px 80px #0009,inset 0 1px #fff3}.silver-text{background:linear-gradient(#fff 0%,#777 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.silver-text-horizontal{background:linear-gradient(90deg,#fff 0%,#777 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{color:#fff;font-family:var(--font-heading);letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#111 0%,#000 100%);border:1px solid #fff3;border-radius:100px;justify-content:center;align-items:center;padding:1.2rem 2.5rem;font-size:.85rem;font-weight:700;transition:all .4s cubic-bezier(.165,.84,.44,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#222 0%,#111 100%);border-color:#ffffff80;transform:translateY(-3px)scale(1.02);box-shadow:0 15px 40px #ffffff1a}.marquee-container{white-space:nowrap;background:#000;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;width:100%;padding:1rem 0;display:flex;position:relative;overflow:hidden}.marquee-content{animation:30s linear infinite marquee;display:flex}.marquee-content:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.bg-grid{z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#222;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:1.5rem;display:grid}.bento-item-span-2{grid-column:span 2}.bento-item-span-3{grid-column:span 3}.bento-item-span-4{grid-column:span 4}.bento-row-span-2{grid-row:span 2}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-item-span-3,.bento-item-span-4{grid-column:span 2}}@media (width<=600px){.bento-grid{grid-template-columns:1fr}.bento-item-span-2,.bento-item-span-3,.bento-item-span-4{grid-column:span 1}}body.light-mode{filter:invert()hue-rotate(180deg);background-color:#fff}body.light-mode img,body.light-mode video,body.light-mode .reverse-invert{filter:invert()hue-rotate(180deg)}.nav-links{display:flex}@media (width<=860px){.nav-links{display:none!important}.mobile-menu-btn{display:block!important}nav{justify-content:space-between!important;padding:1rem 1.5rem!important}nav img{transform:scale(2)!important}section{padding:5rem 1.5rem!important}.glass-panel{padding:1.5rem!important}.hero-title{word-wrap:break-word;font-size:3.5rem!important}h2{font-size:2rem!important}h3{font-size:1.5rem!important}.bento-grid{grid-template-columns:1fr;gap:1rem}.marquee-content h2{font-size:2.5rem!important}p{font-size:.95rem!important}.btn-primary{width:100%;padding:1rem;font-size:.75rem}}@media (width<=400px){.hero-title{font-size:2.5rem!important}nav img{transform:scale(1.5)!important}}.pricing-card{padding:4rem 3rem}.pricing-card.recommended{transform:scale(1.05)}@media (width<=860px){.pricing-card{padding:2.5rem 1.5rem!important}.pricing-card.recommended{transform:scale(1)!important}.plan-row{flex-direction:column;gap:1.5rem;align-items:flex-start!important;padding:1.5rem!important}}