*{box-sizing:border-box}:root{--bg:#0a0a0f;--bg-overlay:rgba(10,10,20,.52);--surface:rgba(17,25,40,.72);--surface-elevated:rgba(26,32,52,.85);--text:#e8eaed;--text-muted:#9aa0a6;--accent:#6366f1;--accent-hover:#818cf8;--border:hsla(0,0%,100%,.08)}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--text);line-height:1.6;min-height:100vh;position:relative}.bg-wrap,body{background:var(--bg)}.bg-wrap{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:50%;background-attachment:fixed}.bg-wrap:after{content:"";position:absolute;inset:0;background:var(--bg-overlay);pointer-events:none}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:720px;margin:0 auto;padding:0 1.5rem}.section{padding:3rem 0;border-bottom:1px solid var(--border)}.section:last-of-type{border-bottom:none}.section-title{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 1rem}.card-grid{display:grid;grid-gap:1rem;gap:1rem}.card{background:var(--surface);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.card p{margin:0;font-size:.9rem}.badge,.card p{color:var(--text-muted)}.badge{display:inline-block;font-size:.7rem;padding:.2rem .5rem;background:var(--border);border-radius:4px;margin-top:.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:1.25rem;gap:1.25rem;justify-items:center}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:var(--surface);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--border);border-radius:12px;min-width:88px;transition:border-color .2s,transform .2s}.skill-item:hover{border-color:var(--accent);transform:translateY(-2px)}.skill-item img{width:40px;height:40px;object-fit:contain}.skill-item span{font-size:.75rem;font-weight:500;color:var(--text-muted);text-align:center}