:root{--bg-dark-void: #07070a;--bg-dark-surface: #0d0e15;--bg-card: rgba(18, 18, 26, .72);--bg-card-hover: rgba(26, 22, 36, .85);--bg-card-active: rgba(36, 26, 48, .9);--pink-primary: #ff2e93;--pink-secondary: #ff5da2;--pink-glow: rgba(255, 46, 147, .35);--pink-subtle: rgba(255, 46, 147, .12);--pink-border: rgba(255, 46, 147, .28);--pink-border-glow: rgba(255, 46, 147, .65);--accent-cyan: #00f2fe;--accent-cyan-glow: rgba(0, 242, 254, .3);--accent-purple: #9d4edd;--status-active: #00f076;--status-warning: #ffb703;--text-pure: #ffffff;--text-high: #f2f2f7;--text-medium: #a4a4ba;--text-muted: #67677d;--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 46, 147, .45);--glass-blur: blur(16px);--shadow-neon-sm: 0 0 14px rgba(255, 46, 147, .3);--shadow-neon-md: 0 0 28px rgba(255, 46, 147, .4);--shadow-neon-lg: 0 10px 40px rgba(255, 46, 147, .25);--shadow-card: 0 16px 36px -10px rgba(0, 0, 0, .75);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--max-width: 1240px;--navbar-height: 72px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .28s;--duration-slow: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--navbar-height) + 24px);background-color:var(--bg-dark-void);color:var(--text-high);font-family:var(--font-body);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{overflow-x:hidden;position:relative;min-height:100vh;background-color:var(--bg-dark-void)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg-dark-void)}::-webkit-scrollbar-thumb{background:#ff2e9359;border-radius:6px;border:2px solid var(--bg-dark-void)}::-webkit-scrollbar-thumb:hover{background:var(--pink-primary);box-shadow:var(--shadow-neon-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-pure);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-smooth)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}@media(min-width:1024px){.container{padding:0 40px}}.section{padding:100px 0;position:relative;z-index:2}@media(max-width:768px){.section{padding:64px 0}}.section-header{text-align:center;max-width:720px;margin:0 auto 56px}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:var(--pink-subtle);border:1px solid var(--pink-border);color:var(--pink-secondary);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px;box-shadow:0 0 16px #ff2e9326}.section-title{font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.02em;margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--text-medium);line-height:1.65}.gradient-text{background:linear-gradient(135deg,#ffffff 0%,var(--pink-secondary) 50%,var(--pink-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.neon-pink-text{color:var(--pink-secondary);text-shadow:0 0 16px rgba(255,46,147,.6)}.cyber-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:20px;transition:all var(--duration-normal) var(--ease-smooth);position:relative;overflow:hidden}.cyber-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,46,147,.3),transparent);pointer-events:none}.cyber-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);box-shadow:0 16px 36px -8px #000000b3,0 0 20px #ff2e9333;transform:translateY(-4px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 28px;border-radius:12px;background:linear-gradient(135deg,var(--pink-primary),#d90466);color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 0 20px #ff2e9366;transition:all var(--duration-normal) var(--ease-spring);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 30px #ff2e93a6;color:#fff}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:12px;background:#ffffff0a;border:1px solid var(--border-glass);color:var(--text-high);font-weight:600;font-size:.95rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all var(--duration-normal) var(--ease-smooth)}.btn-secondary:hover{background:#ff2e931a;border-color:var(--pink-border-glow);color:var(--pink-secondary);box-shadow:0 0 16px #ff2e9333;transform:translateY(-2px)}.tech-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;background:#ff2e9314;border:1px solid rgba(255,46,147,.2);color:var(--pink-secondary);font-size:.8rem;font-weight:500;letter-spacing:.02em;transition:all var(--duration-fast) var(--ease-smooth)}.tech-pill:hover{background:#ff2e932e;border-color:var(--pink-primary);box-shadow:0 0 10px #ff2e934d}@keyframes pulse-pink{0%,to{box-shadow:0 0 #ff2e9380}50%{box-shadow:0 0 0 10px #ff2e9300}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.animate-pulse-pink{animation:pulse-pink 2.5s infinite}.animate-float{animation:float-subtle 4s ease-in-out infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070ae0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content-box{animation:modalPop .28s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}