@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(https://static.figma.com/font/SpaceGrotesk_wght__1)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://static.figma.com/font/Inter_1)format("woff2")}@theme{--font-sans: "Inter", system-ui, sans-serif; --font-display: "Space Grotesk", system-ui, sans-serif; --color-background: #0b1120; --color-surface: #111827; --color-surface-2: #1a2235; --color-accent-blue: #2563eb; --color-accent-purple: #7c3aed; --color-text: #f8fafc; --color-text-muted: #94a3b8; --color-border: #ffffff14;}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b1120;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b1120}::-webkit-scrollbar-thumb{background:#2563eb66;border-radius:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #2563eb4d}50%{box-shadow:0 0 40px #2563eb99,0 0 80px #7c3aed4d}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-slide-up{animation:.6s ease-out forwards slide-up}.animate-fade-in{animation:.4s ease-out forwards fade-in}.glass{-webkit-backdrop-filter:blur(12px);background:#111827b3;border:1px solid #ffffff14}.glass-hover{transition:all .3s}.glass-hover:hover{background:#1a2235d9;border-color:#2563eb4d;transform:translateY(-2px);box-shadow:0 8px 32px #2563eb26}.gradient-text{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{position:relative}.gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(135deg,#2563eb,#7c3aed);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.skill-bar-fill{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:9999px;height:100%;transition:width 1s ease-out}.nav-link{transition:color .2s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#2563eb,#7c3aed);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.mesh-bg{background-color:#0b1120;background-image:radial-gradient(at 20% 20%,#2563eb1f 0%,#0000 50%),radial-gradient(at 80% 80%,#7c3aed1a 0%,#0000 50%),radial-gradient(#2563eb0a 0%,#0000 70%)}.grid-bg{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px}.btn-primary{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.btn-secondary{color:#f8fafc;letter-spacing:.02em;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:11px 27px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#2563eb14;border-color:#2563eb80;transform:translateY(-2px)}.section-heading{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-weight:700}.tag{color:#93bbfd;background:#2563eb1f;border:1px solid #2563eb40;border-radius:6px;align-items:center;padding:4px 10px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500;display:inline-flex}