*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f7ff;--bg2:#fff;--bg3:#eef1fb;--card:#fff;--card-h:#f0f4ff;--accent:#4f46e5;--accent2:#0891b2;--accent3:#e11d48;--purple:#7c3aed;--yellow:#d97706;--text:#111827;--text-sec:#6b7280;--text-muted:#9ca3af;--border:rgba(0,0,0,.08);--border2:rgba(79,70,229,.15);--radius:12px;--mono:"JetBrains Mono","Fira Code",monospace;--sans:"Inter",system-ui,sans-serif;--shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.06);--shadow-lg:0 4px 24px rgba(79,70,229,.12),0 1px 4px rgba(0,0,0,.06)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg3)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f1}::-moz-selection{background:#4f46e533;color:var(--text)}::selection{background:#4f46e533;color:var(--text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes glitch{0%{clip-path:inset(0 0 95% 0);transform:translate(-2px)}5%{clip-path:inset(30% 0 55% 0);transform:translate(2px)}10%{clip-path:inset(60% 0 25% 0);transform:translate(-1px)}15%{clip-path:inset(80% 0 5% 0);transform:translate(1px)}20%{clip-path:inset(0 0 0 0);transform:translate(0)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch2{0%{clip-path:inset(40% 0 40% 0);color:#0891b2;transform:translate(2px)}5%{clip-path:inset(10% 0 70% 0);color:#e11d48;transform:translate(-2px)}10%{clip-path:inset(70% 0 10% 0);color:#0891b2;transform:translate(1px)}15%{clip-path:inset(0 0 0 0);color:var(--accent);transform:translate(0)}to{clip-path:inset(0 0 0 0);color:var(--accent);transform:translate(0)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px #4f46e559}50%{box-shadow:0 0 20px #4f46e599,0 0 40px #4f46e526}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes terminal-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes neon-flicker{0%,90%,92%,94%,to{opacity:1}91%,93%{opacity:.5}}.page-enter-active,.page-leave-active{transition:all .4s ease}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-35px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(35px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.delay-100{transition-delay:.1s!important}.delay-200{transition-delay:.2s!important}.delay-300{transition-delay:.3s!important}.delay-400{transition-delay:.4s!important}.delay-500{transition-delay:.5s!important}.delay-600{transition-delay:.6s!important}.container{margin:0 auto;max-width:1200px;padding:0 24px}.section{padding:100px 0}.section-label{color:var(--accent);display:inline-block;font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:3px;margin-bottom:1rem;text-transform:uppercase}.section-label:before{content:"// ";opacity:.4}.section-title{color:var(--text);font-family:var(--mono);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.2;margin-bottom:.5rem}.section-title span{color:var(--accent)}.section-subtitle{color:var(--text-sec);font-size:1rem;margin-bottom:3.5rem;max-width:600px}.tag{align-items:center;background:#4f46e514;border:1px solid rgba(79,70,229,.18);border-radius:4px;color:var(--accent);display:inline-flex;font-family:var(--mono);font-size:.72rem;font-weight:500;gap:4px;padding:3px 10px;transition:all .2s;white-space:nowrap}.tag:hover{background:#4f46e524}.tag.blue{background:#0891b214;border-color:#0891b233;color:var(--accent2)}.tag.purple{background:#7c3aed14;border-color:#7c3aed33;color:var(--purple)}.tag.red{background:#e11d4814;border-color:#e11d4833;color:var(--accent3)}.tag.yellow{background:#d9770614;border-color:#d9770633;color:var(--yellow)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--mono);font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.3px;overflow:hidden;padding:13px 30px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.btn:before{background:#ffffff26;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#4338ca;box-shadow:0 8px 25px #4f46e559;transform:translateY(-3px)}.btn-outline{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:#4f46e50f;box-shadow:0 6px 18px #4f46e526;transform:translateY(-3px)}.divider{background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;height:3px;margin:1rem 0 2rem;width:50px}@media(max-width:768px){.section{padding:70px 0}.container{padding:0 16px}}