:root{--bg:#030303;--fg:#f5f5f7;--accent:#86868b;--border:#ffffff14;--card-bg:#ffffff08}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.grain{pointer-events:none;z-index:9999;opacity:.03;background-image:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;position:fixed;top:0;left:0}.nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#030303b3;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:fixed;top:0}.brand{letter-spacing:2px;font-size:.8rem;font-weight:600}.nav-links a{color:var(--accent);margin-left:2rem;font-size:.85rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#fff}.nav-icon-link:hover{color:#fff!important}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:transform .3s,border-color .3s}.skill-pill{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:100px;padding:.6rem 1.2rem;font-size:.8rem;transition:all .3s}.skill-pill.active{color:#fff;background:#ffffff0d;border-color:#fff}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-left{will-change:transform;gap:4rem;width:max-content;animation:35s linear infinite marquee-left;display:flex}.marquee-right{will-change:transform;gap:5rem;width:max-content;animation:35s linear infinite marquee-right;display:flex}.nav-location-tip{color:#000;white-space:nowrap;z-index:200;pointer-events:none;background:#fff;border-radius:6px;padding:5px 12px;font-size:.7rem;font-weight:600;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 4px 20px #00000059}.nav-location-tip:before{content:"";border-bottom:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-5px;left:10px}