@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% 10%,#5b8cff14,#0000 28rem),#070a12;margin:0}*{box-sizing:border-box}.gradient-text{background:linear-gradient(100deg,#6f9aff,#8d7cff,#5be7d0,#6f9aff) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glow{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.glow-one{background:#5b8cff21;width:420px;height:420px;animation:12s ease-in-out infinite glowFloatOne;top:180px;right:-130px}.glow-two{background:#5b8cff14;width:260px;height:260px;animation:15s ease-in-out infinite glowFloatTwo;bottom:100px;left:-100px}@keyframes glowFloatOne{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-25px,20px)scale(1.08)}}@keyframes glowFloatTwo{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.1)}}.eyebrow{color:#6f9aff;text-transform:uppercase;letter-spacing:.12em!important;font-size:.82rem!important;font-weight:800!important}.glass-card{transition:border-color .45s,box-shadow .55s;background:#0e1320b8!important;border:1px solid #ffffff13!important;box-shadow:0 20px 60px #00000029!important}.glass-card:hover{border-color:#5b8cff4d!important;box-shadow:0 30px 80px #00000040!important}.skill-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.skill-grid>div{display:flex}.skill-grid .glass-card{flex:1}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;display:grid}.project-card{height:100%}.project-top{justify-content:space-between;align-items:center;display:flex}.project-index{color:#5b8cff;font-size:.8rem!important;font-weight:800!important}.project-number{color:#6f9aff;background:#5b8cff1a;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}@media (width<=900px){.skill-grid,.project-grid,.personal-grid{grid-template-columns:1fr}}@media (width<=600px){.glow-one{width:250px;height:250px}}