: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}.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}