@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #020617;--bg-card: rgba(15, 23, 42, .7);--primary: #0077C8;--primary-glow: rgba(0, 119, 200, .3);--secondary: #00ADEE;--accent: #581C87;--brand-red: #610c0c;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--container-max: 1200px;--section-padding: 4rem}[data-theme=light]{--bg-dark: #ffffff;--bg-card: rgba(241, 245, 249, .8);--primary: #0077C8;--primary-glow: rgba(0, 119, 200, .15);--secondary: #00ADEE;--accent: #581C87;--text-main: #0f172a;--text-muted: #334155;--border: rgba(0, 0, 0, .08);--glass: rgba(0, 0, 0, .02);--glass-border: rgba(0, 0, 0, .04)}.floating-theme-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:2000;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text-main);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-theme-toggle:hover{transform:scale(1.1) rotate(15deg);border-color:var(--primary);box-shadow:0 8px 20px #00000026}@media(max-width:768px){.floating-theme-toggle{top:auto;bottom:1.5rem;right:auto;left:1.5rem}}.tech-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--border) 1.5px,transparent 1.5px);background-size:80px 80px;background-position:center center;-webkit-mask-image:radial-gradient(circle at 50% 50%,black,transparent 85%);mask-image:radial-gradient(circle at 50% 50%,black,transparent 85%);pointer-events:none;z-index:0;opacity:.6}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle at 50% 50%,rgba(0,119,200,.08) 0%,rgba(239,68,68,.03) 30%,transparent 70%);z-index:-1;pointer-events:none}.bg-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0;opacity:.6}[data-theme=light] .tech-grid{opacity:.5}[data-theme=light] .bg-dots{opacity:.4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}h4{font-weight:700;line-height:1.2}.accent-text{background:linear-gradient(to right,var(--brand-red),var(--accent),var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.badge{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.2rem;border-radius:2rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;color:var(--primary);white-space:normal}.badge-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary-glow)}.premium-badge{padding:.8rem 1.75rem;position:relative;overflow:hidden;background:#0077c80d;border:1px solid rgba(0,119,200,.3);box-shadow:0 4px 15px #0077c81a,inset 0 0 10px #0077c80d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.premium-badge:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);animation:shine 4s infinite;z-index:1;pointer-events:none}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.premium-badge:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #0077c840,inset 0 0 15px #0077c81a;border-color:var(--primary)}.premium-badge-text{background:linear-gradient(135deg,var(--secondary),var(--primary),var(--accent));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 3s linear infinite;font-weight:800;letter-spacing:.15em;font-size:.9rem}@keyframes textShimmer{to{background-position:200% center}}.premium-badge-dot{background:var(--secondary);box-shadow:0 0 10px var(--secondary),0 0 20px var(--primary);animation:dotPulse 2s infinite alternate;margin-right:.25rem;width:8px;height:8px;border-radius:50%;flex-shrink:0}@keyframes dotPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.6);opacity:1}}a{text-decoration:none;color:inherit;transition:all .3s ease}.glass-panel{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1.5rem}.glass-card{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:transform .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-5px);border-color:var(--primary)}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.02em}.btn-primary{background:linear-gradient(135deg,var(--brand-red),var(--accent),var(--primary));color:#fff;box-shadow:0 10px 25px -5px var(--primary-glow);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px -5px var(--primary-glow)}.btn-main-buy{box-shadow:0 20px 40px #0077c840;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.05em;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.btn-main-buy:hover{box-shadow:0 30px 60px #0077c866;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));border-color:var(--secondary)}.btn-secondary{background:var(--glass);color:var(--text-main);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--glass-border);border-color:var(--primary);transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .8s ease forwards}@media(max-width:1024px){:root{--section-padding: 7rem}}@media(max-width:768px){:root{--section-padding: 5rem}h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem}.accent-text{font-weight:700}}@media(max-width:480px){:root{--section-padding: 4rem}h1{font-size:2rem}.container{padding:0 1rem}.btn{width:100%;justify-content:center}}
