:root{--primary: #4f46e5;--secondary: #7c3aed;--accent: #7c3aed;--bg: #f8fafc;--card-bg: #ffffff;--text: #0f172a;--text-light: #64748b;--border: #e2e8f0;--nav-bg: rgba(255, 255, 255, .8);--primary-rgb: 79, 70, 229}.dark{--primary: #818cf8;--secondary: #a78bfa;--accent: #a78bfa;--bg: #0f172a;--card-bg: #1e293b;--text: #f8fafc;--text-light: #94a3b8;--border: #334155;--nav-bg: rgba(15, 23, 42, .8);--primary-rgb: 129, 140, 248}*{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:#1e293bb3;border:1px solid rgba(255,255,255,.05)}.btn{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(var(--primary-rgb),.5)}.btn-outline{border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.section{padding-top:3.5rem;padding-bottom:3.5rem}@media (min-width: 768px){.section{padding-top:5rem;padding-bottom:5rem}}.container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container{padding-left:2rem;padding-right:2rem}}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.click-ripple{position:fixed;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:9999px;pointer-events:none;z-index:9999;border:2px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#6366f1,#8b5cf6,#7c3aed) border-box;animation:click-ripple .55s ease-out forwards}@keyframes click-ripple{0%{transform:scale(.4);opacity:.9}to{transform:scale(4.5);opacity:0}}.logo-mark{gap:.1em}.logo-bracket{display:inline-block;animation:logo-hue 6s linear infinite}.logo-bracket-left{color:var(--primary);animation:logo-hue 6s linear infinite,logo-breathe-left 2.4s ease-in-out infinite}.logo-bracket-right{color:var(--secondary);animation:logo-hue 6s linear infinite reverse,logo-breathe-right 2.4s ease-in-out infinite}.logo-name{display:inline-flex;color:var(--text)}@keyframes logo-breathe-left{0%,to{transform:translate(0)}50%{transform:translate(-3px) rotate(-8deg)}}@keyframes logo-breathe-right{0%,to{transform:translate(0)}50%{transform:translate(3px) rotate(8deg)}}@keyframes logo-hue{0%{color:#6366f1}33%{color:#8b5cf6}66%{color:#7c3aed}to{color:#6366f1}}.logo-slash{position:relative;display:inline-block;margin-right:-.08em}.logo-slash-track{color:var(--primary);opacity:.25}.logo-slash-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#6366f1,#8b5cf6,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 4px rgba(139,92,246,.6));animation:logo-slash-draw 2.4s cubic-bezier(.65,0,.35,1) infinite}@keyframes logo-slash-draw{0%{clip-path:inset(100% 0 0 0)}45%{clip-path:inset(0 0 0 0)}75%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@property --orbit-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.skills-orbit{--orbit-angle: 0deg;animation:skills-orbit-angle linear infinite}@keyframes skills-orbit-angle{to{--orbit-angle: 360deg}}.skills-pulse{animation:skills-pulse 2.4s ease-out infinite}@keyframes skills-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}.skill-tile:hover{border-color:var(--skill-color);box-shadow:0 14px 30px -12px var(--skill-color)}.skill-tile-glow{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--skill-color) 22%,transparent),transparent 70%)}.skills-marquee{animation:skills-marquee 40s linear infinite}.skills-marquee-reverse{animation-direction:reverse}.skills-marquee-mask:hover .skills-marquee{animation-play-state:paused}.skills-marquee-mask{mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}@keyframes skills-marquee{to{transform:translate(calc(-50% - .5rem))}}.skills-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch}.skills-tabs::-webkit-scrollbar{display:none}@media (max-width: 639px){.skills-tabs{mask-image:linear-gradient(90deg,black 82%,transparent);-webkit-mask-image:linear-gradient(90deg,black 82%,transparent)}}.hero-blob{position:absolute;border-radius:9999px;filter:blur(90px);opacity:.35;animation:hero-drift 18s ease-in-out infinite alternate}.hero-blob-1{width:520px;height:520px;top:-10%;right:-8%;background:#6366f1}.hero-blob-2{width:460px;height:460px;bottom:-15%;left:-10%;background:#7c3aed;opacity:.25;animation-duration:22s;animation-delay:-6s}.hero-blob-3{width:360px;height:360px;top:35%;left:35%;background:#6366f1;opacity:.15;animation-duration:26s;animation-delay:-12s}@keyframes hero-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.12)}to{transform:translate(30px,-25px) scale(.95)}}.hero-grid{background-image:linear-gradient(rgba(var(--primary-rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.hero-spotlight{background:radial-gradient(420px circle at var(--spot-x, 70%) var(--spot-y, 40%),rgba(139,92,246,.14),transparent 70%);transition:background .15s}.hero-ring{animation:hero-spin 40s linear infinite}@keyframes hero-spin{to{transform:rotate(360deg)}}.hero-caret{display:inline-block;width:7px;height:1.1em;background:#8b5cf6;animation:hero-caret 1s steps(1) infinite}@keyframes hero-caret{50%{opacity:0}}.hero-btn-shine:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .6s ease}.hero-btn-shine:hover:after{left:125%}.hero-scroll-dot{animation:hero-scroll 1.6s ease-in-out infinite}@keyframes hero-scroll{0%{transform:translateY(0)}60%{transform:translateY(12px)}to{transform:translateY(0)}}.bg-\[var\(--bg\)\]\/50{background-color:color-mix(in srgb,var(--bg) 50%,transparent)}.bg-\[var\(--bg\)\]\/90{background-color:color-mix(in srgb,var(--bg) 90%,transparent)}.bg-\[var\(--card-bg\)\]\/20{background-color:color-mix(in srgb,var(--card-bg) 20%,transparent)}.bg-\[var\(--card-bg\)\]\/30{background-color:color-mix(in srgb,var(--card-bg) 30%,transparent)}.bg-\[var\(--card-bg\)\]\/40{background-color:color-mix(in srgb,var(--card-bg) 40%,transparent)}.bg-\[var\(--card-bg\)\]\/50{background-color:color-mix(in srgb,var(--card-bg) 50%,transparent)}.bg-\[var\(--card-bg\)\]\/60{background-color:color-mix(in srgb,var(--card-bg) 60%,transparent)}.bg-\[var\(--card-bg\)\]\/70{background-color:color-mix(in srgb,var(--card-bg) 70%,transparent)}.bg-\[var\(--card-bg\)\]\/80{background-color:color-mix(in srgb,var(--card-bg) 80%,transparent)}.bg-\[var\(--card-bg\)\]\/90{background-color:color-mix(in srgb,var(--card-bg) 90%,transparent)}.bg-\[var\(--card-bg\)\]\/95{background-color:color-mix(in srgb,var(--card-bg) 95%,transparent)}.bg-\[var\(--primary\)\]\/10{background-color:color-mix(in srgb,var(--primary) 10%,transparent)}.bg-\[var\(--primary\)\]\/90{background-color:color-mix(in srgb,var(--primary) 90%,transparent)}.border-\[var\(--border\)\]\/30{border-color:color-mix(in srgb,var(--border) 30%,transparent)}.border-\[var\(--border\)\]\/50{border-color:color-mix(in srgb,var(--border) 50%,transparent)}.border-\[var\(--primary\)\]\/20{border-color:color-mix(in srgb,var(--primary) 20%,transparent)}.border-\[var\(--primary\)\]\/30{border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.border-\[var\(--primary\)\]\/40{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.from-\[var\(--primary\)\]\/20{--tw-gradient-from: color-mix(in srgb, var(--primary) 20%, transparent) var(--tw-gradient-from-position);--tw-gradient-to: transparent var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.ring-\[var\(--primary\)\]\/10{--tw-ring-color: color-mix(in srgb, var(--primary) 10%, transparent)}.focus\:ring-\[var\(--primary\)\]\/15:focus{--tw-ring-color: color-mix(in srgb, var(--primary) 15%, transparent)}.focus\:ring-\[var\(--primary\)\]\/20:focus{--tw-ring-color: color-mix(in srgb, var(--primary) 20%, transparent)}.hover\:bg-\[var\(--card-bg\)\]\/80:hover{background-color:color-mix(in srgb,var(--card-bg) 80%,transparent)}.hover\:bg-\[var\(--primary\)\]\/10:hover{background-color:color-mix(in srgb,var(--primary) 10%,transparent)}.hover\:bg-\[var\(--primary\)\]\/5:hover{background-color:color-mix(in srgb,var(--primary) 5%,transparent)}.placeholder\:text-\[var\(--text-light\)\]\/70{color:color-mix(in srgb,var(--text-light) 70%,transparent)}.bg-\[var\(--bg\)\]\/20{background-color:color-mix(in srgb,var(--bg) 20%,transparent)}.bg-\[var\(--bg\)\]\/30{background-color:color-mix(in srgb,var(--bg) 30%,transparent)}.bg-\[var\(--bg\)\]\/40{background-color:color-mix(in srgb,var(--bg) 40%,transparent)}.bg-\[var\(--bg\)\]\/60{background-color:color-mix(in srgb,var(--bg) 60%,transparent)}.bg-\[var\(--bg\)\]\/70{background-color:color-mix(in srgb,var(--bg) 70%,transparent)}.bg-\[var\(--bg\)\]\/80{background-color:color-mix(in srgb,var(--bg) 80%,transparent)}.bg-\[var\(--bg\)\]\/95{background-color:color-mix(in srgb,var(--bg) 95%,transparent)}@media (max-height: 880px){.hero-scroll-hint{display:none!important}}