@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=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#f8f9ff;--bg-secondary:#f0f3ff;--bg-tertiary:#e8eeff;--bg-card:#ffffffbf;--bg-card-solid:#fff;--accent-primary:#4f46e5;--accent-violet:#7c3aed;--accent-cyan:#0891b2;--accent-pink:#db2777;--accent-green:#059669;--accent-amber:#d97706;--accent-sky:#0284c7;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#cbd5e1;--border-glass:#ffffffe6;--border-soft:#4f46e51f;--border-card:#94a3b826;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 20px #4f46e514, 0 2px 8px #0f172a0f;--shadow-lg:0 10px 40px #4f46e51f, 0 4px 16px #0f172a14;--shadow-xl:0 20px 60px #4f46e526, 0 8px 24px #0f172a1a;--shadow-glow:0 0 30px #4f46e540;--font-main:"Space Grotesk", "Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);cursor:none;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-primary), var(--accent-violet));border-radius:3px}.glass-card{background:var(--bg-card);border:1px solid var(--border-card);-webkit-backdrop-filter:blur(24px)saturate(180%);box-shadow:var(--shadow-md);border-radius:20px;transition:box-shadow .3s,border-color .3s,transform .3s}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#4f46e533}.solid-card{background:var(--bg-card-solid);border:1px solid var(--border-card);box-shadow:var(--shadow-md);border-radius:20px;transition:box-shadow .3s,transform .3s}.solid-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-violet) 50%, var(--accent-pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-2{background:linear-gradient(135deg, var(--accent-violet) 0%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg, var(--accent-amber) 0%, var(--accent-pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{min-height:100vh;padding:110px 0;position:relative;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-violet));color:#fff;font-family:var(--font-main);cursor:none;border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #4f46e559,0 2px 8px #4f46e533}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--accent-violet), var(--accent-pink));opacity:0;transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 8px 30px #4f46e573,0 4px 16px #7c3aed40}.btn-primary:hover:before{opacity:1}.btn-primary span,.btn-primary svg{z-index:1;position:relative}.btn-secondary{color:var(--accent-primary);font-family:var(--font-main);cursor:none;background:#4f46e50f;border:1.5px solid #4f46e540;border-radius:50px;align-items:center;gap:8px;padding:13px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-primary);background:#4f46e51a;transform:translateY(-2px);box-shadow:0 4px 20px #4f46e533}.section-tag{font-family:var(--font-mono);color:var(--accent-primary);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.78rem;font-weight:500;display:flex}.section-tag:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-violet));border-radius:2px;width:24px;height:2px}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.mesh-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mesh-orb{filter:blur(80px);opacity:.55;border-radius:50%;animation:8s ease-in-out infinite float-orb;position:absolute}@keyframes float-orb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.cursor-dot{background:var(--accent-primary);pointer-events:none;z-index:99999;border-radius:50%;width:8px;height:8px;transition:transform .1s;position:fixed;top:0;left:0}.cursor-ring{pointer-events:none;z-index:99998;border:2px solid #4f46e566;border-radius:50%;width:36px;height:36px;transition:transform .15s ease-out,width .3s,height .3s,border-color .3s,background .3s;position:fixed;top:0;left:0}.cursor-ring.hover{border-color:var(--accent-violet);background:#7c3aed0f;width:56px;height:56px}.skill-badge{font-size:.8rem;font-weight:500;font-family:var(--font-mono);cursor:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;transition:all .25s;display:inline-flex}.section-divider{background:linear-gradient(90deg, var(--accent-primary), var(--accent-violet));border-radius:4px;width:60px;height:4px;margin:0 auto 40px}.noise-overlay{pointer-events:none;z-index:9999;opacity:.018;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)'/%3E%3C/svg%3E");position:fixed;inset:0}.shine{position:relative;overflow:hidden}.shine:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);width:40%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-60%;transform:skew(-15deg)}.shine:hover:after{left:120%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(4deg)}}@keyframes pulse-soft{0%,to{box-shadow:0 0 #4f46e533}50%{box-shadow:0 0 0 12px #4f46e500}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer-move{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradient-x{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes draw-line{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dot-grid{background-image:radial-gradient(circle,#4f46e51f 1px,#0000 1px);background-size:28px 28px}.tag-pill{color:var(--accent-primary);font-size:.75rem;font-family:var(--font-mono);background:#4f46e514;border:1px solid #4f46e526;border-radius:50px;align-items:center;padding:4px 12px;font-weight:500;display:inline-flex}@media (width<=768px){.section{padding:80px 0}.container{padding:0 16px}}