@import "https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Orbitron;src:local(Albert Sans),local("sans-serif")}@font-face{font-family:Share Tech Mono;src:local(JetBrains Mono),local("monospace")}@font-face{font-family:Rajdhani;src:local(Albert Sans),local("sans-serif")}*{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#4f46e5;--orange:#b38a58;--bg:#dcd7c9;--bg2:#e5e0d4;--bg3:#cfcaba;--yellow:#d97706;--green:#059669;--pink:#db2777;--border:#b38a5847;--glow:0 10px 30px #b38a580d}html{scroll-behavior:smooth}body{background:var(--bg);color:#2d3748;font-family:Albert Sans,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:radial-gradient(circle,#6366f105 0%,#0000 80%);width:100%;height:100%;position:fixed;top:0;left:0}.dot-bg{background-image:radial-gradient(#b38a5814 1px,#0000 1px);background-size:24px 24px}section{padding:100px 40px}.section-header{text-align:center;margin-bottom:64px}.section-tag{color:var(--orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:block}.section-title{color:#0f172a;letter-spacing:-.5px;margin-bottom:16px;font-family:Albert Sans,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800}.section-line{background:linear-gradient(90deg, var(--cyan), var(--orange));border-radius:2px;width:60px;height:3px;margin:0 auto}.btn-primary{background:var(--cyan);color:#fff;letter-spacing:.5px;cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;padding:12px 32px;font-family:Albert Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 14px #4f46e540}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566}.btn-outline{color:#0f172a;letter-spacing:.5px;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #0f172a26;border-radius:8px;padding:12px 32px;font-family:Albert Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);background:#4f46e50d;transform:translateY(-1px)}.highlight{color:var(--orange)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#4f46e526;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4f46e54d}.hero-glow{pointer-events:none;background:radial-gradient(#4f46e508 0%,#0000 70%);width:800px;height:400px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.hero-title .cyan{color:var(--cyan);display:inline-block}.hero-tag{background:#4f46e50a;border-radius:20px}.cat-icon{border-radius:8px}.category-card{border-radius:16px}.tech-tag{border-radius:8px}.price-card{border-radius:16px}.step-num:after{content:"";border:1px solid #4f46e51a;border-radius:50%;animation:12s linear infinite spin-slow;position:absolute;inset:-4px}@keyframes spin-slow{to{transform:rotate(360deg)}}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#b38a580a;padding:14px 0;overflow:hidden}.ticker-inner{white-space:nowrap;gap:60px;animation:45s linear infinite ticker-scroll;display:flex}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);background:#ffffffd9}@media (max-width:768px){section{padding:60px 20px}.section-header{margin-bottom:40px}.section-title{letter-spacing:-.5px;font-size:28px}.grid-mobile-stack{grid-template-columns:1fr!important;gap:16px!important;display:grid!important}.hero-title{font-size:36px!important}.hero-glow{width:300px;height:150px}.btn-primary,.btn-outline{text-align:center;width:100%;padding:12px 24px;font-size:13px}.glass-panel{border:none!important;height:100vh!important;max-height:100vh!important}.modal-content-padding{padding:20px!important}p{font-size:15px!important}}
