@import "https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050a14;font-family:Figtree,sans-serif;overflow-x:hidden}code,pre,.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050a14}::-webkit-scrollbar-thumb{background:#1d4ed8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3b82f6}html{scroll-behavior:smooth}::selection{color:#fff;background:#2563eb66}.gradient-text{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 50%,#93c5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grid-pattern{background-image:linear-gradient(#2563eb0a 1px,#0000 1px),linear-gradient(90deg,#2563eb0a 1px,#0000 1px);background-size:60px 60px}.three-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.card-hover{transition:transform .3s,box-shadow .3s,border-color .3s}.card-hover:hover{border-color:#2563eb80;transform:translateY(-4px);box-shadow:0 20px 60px #2563eb26}.nav-link{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.nav-link:before{content:"";opacity:0;pointer-events:none;background:0 0;border:1px solid #0000;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.nav-link:hover{text-shadow:0 0 12px #60a5fa80;box-shadow:0 0 15px #3b82f633,0 0 30px #3b82f614,inset 0 0 15px #3b82f60f;color:#fff!important;background:#3b82f61a!important;border-color:#60a5fa73!important}.nav-link:after{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#60a5fa00 0% 100%);border-radius:11px;padding:1px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:-1px;-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}.nav-link:hover:after{opacity:1;background:linear-gradient(135deg,#60a5fa99 0%,#3b82f64d 50%,#60a5fa99 100%)}@keyframes nav-glow-shimmer{0%,to{box-shadow:0 0 10px #3b82f626,inset 0 0 10px #3b82f60a}50%{box-shadow:0 0 20px #3b82f640,inset 0 0 15px #3b82f614}}.nav-link-active{animation:2.5s ease-in-out infinite nav-glow-shimmer}.skill-bar-fill{transition:width 1s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@media (width<=768px){.nav-desktop-links{display:none!important}.nav-mobile-toggle{display:flex!important}}@media (width>=769px){.nav-mobile-menu{display:none!important}}input::placeholder,textarea::placeholder{color:#ffffff40}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:0 0% 3.9%;--foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--radius:.5rem}@apply border-border;@apply bg-background text-foreground;}