*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0a0a0a;background:#fff;font-family:DM Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.grad-text{background:linear-gradient(135deg,#2563eb 0%,#db2777 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#db2777 100%);border:none;font-family:inherit;font-weight:500;transition:opacity .2s,transform .15s}.grad-btn:hover{opacity:.88;transform:translateY(-1px)}.outline-btn{color:#0a0a0a;cursor:pointer;background:0 0;border:1.5px solid #0a0a0a;font-family:inherit;font-weight:500;transition:all .2s}.outline-btn:hover{color:#fff;background:#0a0a0a}.tag-pill{letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-block}.social-icon{cursor:pointer;color:#0a0a0a;border:1.5px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.social-icon:hover{color:#2563eb;border-color:#2563eb}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.fade-up{animation:.7s both fadeUp}.float{animation:3s ease-in-out infinite float}.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.22s}.fade-up-3{animation-delay:.36s}.fade-up-4{animation-delay:.5s}@media (max-width:768px){.nav-desktop{display:none!important}.nav-mobile{display:flex!important}.hero-inner{text-align:center;flex-direction:column-reverse!important}.hero-ctas,.hero-socials{justify-content:center!important}.hero-img{width:160px!important;height:160px!important}.hero-title{font-size:42px!important}.experience-layout{flex-direction:column!important;gap:24px!important}.experience-grid,.projects-grid{grid-template-columns:1fr!important}}.experience-layout{align-items:center;gap:48px;display:flex}@media (max-width:500px){.experience-grid{grid-template-columns:1fr!important}.hero-title{font-size:34px!important}}