@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--border:#6366f11a;--border-bright:#6366f14d;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-glow:linear-gradient(135deg, #6366f11a, #8b5cf61a, #06b6d40d);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent:#6366f1;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--section-padding:120px 0;--container-max:1200px;--radius:16px;--radius-sm:8px;--radius-lg:24px;--shadow-card:0 10px 30px #0000000d;--shadow-glow:0 0 40px #6366f11a;--shadow-glow-strong:0 0 60px #6366f126;--backdrop-bg:#fffc;--overlay-bg:#6366f10d}[data-theme=dark]{--bg-primary:#050510;--bg-secondary:#0a0a1f;--bg-card:#0d0d25;--bg-card-hover:#12122e;--border:#6366f126;--border-bright:#6366f166;--gradient-glow:linear-gradient(135deg, #6366f133, #8b5cf633, #06b6d41a);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 40px #6366f126;--shadow-glow-strong:0 0 60px #6366f14d;--backdrop-bg:#050510e6;--overlay-bg:#05051066}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}@media (min-width:1024px){*,:before,:after{cursor:none!important}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.font-display{font-family:Space Grotesk,sans-serif}.font-mono{font-family:Fira Code,monospace}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;font-weight:700}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding);position:relative}.section-header{text-align:center;margin-bottom:72px}.section-badge{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f14d;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.section-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.section-subtitle{color:var(--text-secondary);max-width:580px;margin:0 auto;font-size:1.1rem}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:all .3s}.glass-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.btn{cursor:pointer;border:none;border-radius:999px;outline:none;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f199}.btn-outline{color:var(--text-primary);border:1px solid var(--border-bright);background:0 0}.btn-outline:hover{border-color:var(--accent);background:#6366f11a;transform:translateY(-2px)}.tag{color:var(--accent);white-space:nowrap;background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:4px 12px;font-family:Fira Code,monospace;font-size:.75rem;font-weight:500;display:inline-block}.bg-noise{position:relative}.bg-noise:before{content:"";pointer-events:none;opacity:.4;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.grid-bg{background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:60px 60px}.glow-orb{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.glow-orb-primary{background:#6366f11f;width:600px;height:600px}.glow-orb-secondary{background:#8b5cf614;width:400px;height:400px}.glow-orb-cyan{background:#06b6d414;width:400px;height:400px}.skill-bar-track{background:#6366f11a;border-radius:999px;width:100%;height:6px;overflow:hidden}.skill-bar-fill{background:var(--gradient-primary);transform-origin:0;border-radius:999px;height:100%;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.gradient-divider{background:var(--gradient-primary);border-radius:999px;width:80px;height:4px;margin:0 auto}@media (max-width:768px){:root{--section-padding:80px 0}.section-header{margin-bottom:48px}.container{padding:0 16px}}.reveal{opacity:0;transform:translateY(32px)}.reveal.visible{opacity:1;transition:all .7s cubic-bezier(.4,0,.2,1);transform:translateY(0)}::selection{color:#fff;background:#6366f14d}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}