:root{--bg-main: #0a0a0a;--bg-sidebar: #111111;--bg-card: #161616;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent: #3b82f6;--border: #27272a;--badge-bg: #1e293b}body.light-mode{--bg-main: #f8fafc;--bg-sidebar: #ffffff;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent: #2563eb;--border: #e2e8f0;--badge-bg: #f1f5f9}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;transition:background-color .3s,color .3s}.app-container{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.app-container{grid-template-columns:300px 1fr;align-items:start}}.sticky-nav{position:sticky;top:0;z-index:100;background-color:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;gap:2rem;transition:background-color .3s}body.light-mode .sticky-nav{background-color:#f8fafcd9}.nav-link{text-decoration:none;font-weight:600;color:var(--text-secondary);position:relative;padding-bottom:5px;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-link.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--accent);border-radius:2px}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;transition:background-color .3s,border-color .3s}.card.sidebar{background-color:var(--bg-sidebar)}h1,h2,h3,h4{margin-top:0;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem;border-bottom:2px solid var(--border);padding-bottom:.5rem;margin-bottom:1rem}.text-blue{color:var(--accent)}.text-muted{color:var(--text-secondary);font-size:.9rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;transition:.3s;text-align:center;cursor:pointer;border:none}.btn-outline{background:transparent;border:2px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-decoration:none;font-weight:700;padding:.75rem;border-radius:8px;transition:.3s}.btn-outline:hover{background:var(--accent);color:#fff}.profile-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);margin:0 auto 1rem;display:block}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{height:28px}.badge{background-color:var(--badge-bg);color:var(--accent);padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid var(--border)}