:root{--bg-color:#fff;--surface-color:#f8fafc;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--accent-primary:#2563eb;--accent-secondary:#7c3aed;--success:#10b981;--glow-copy-shadow:0 4px 12px #2563eb33;--glow-shadow:0 10px 25px -5px #2563eb33, 0 8px 10px -6px #2563eb1a;--card-hover-glow:0 2px 2px #2563eb0a, 0 6px 8px #2563eb0f, 0 8px 14px #2563eb14, 0 10px 15px #2563eb1a}[data-theme=dark]{--bg-color:#0f172a;--surface-color:#1e293b;--border-color:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent-primary:#38bdf8;--accent-secondary:#818cf8;--success:#34d399;--glow-copy-shadow:0 4px 12px #38bdf833;--glow-shadow:0 8px 20px -10px #38bdf880, 0 4px 20px #38bdf833;--card-hover-glow:0 2px 3px #38bdf81a, 0 8px 8px #38bdf826, 0 14px 14px #38bdf833}:root{--max-width:75%}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}header{justify-content:space-between;align-items:center;width:100%;margin-top:2rem;display:flex}header h1{margin:0}section{width:100%;margin:2rem 0}h1,h2,h3{margin-top:1.5rem;margin-bottom:.4rem;line-height:1.2}.about-cards-wrapper{justify-content:space-between;align-items:center;gap:0;width:100%;margin-top:1.5rem;display:flex}.vertical-divider-standalone{background:var(--text-primary);opacity:.15;align-self:stretch;width:1px;margin:0 2rem}.about-bio-standalone{margin-bottom:2.5rem;line-height:1.8}.pane-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);opacity:.8;font-size:.8rem;font-weight:700}.pane-content{font-size:1rem;font-weight:500}.card p,.card .skills-grid{padding:0!important}.card{background:var(--surface-color);border:1px solid color-mix(in srgb, var(--border-color), transparent 4%);box-shadow:var(--glow-shadow);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .2s cubic-bezier(.23,1,.32,1)}.card:hover{border-color:color-mix(in srgb, var(--accent-primary), transparent 4%);box-shadow:var(--card-hover-glow)}.about-mini-card{background:var(--surface-color);border:1px solid color-mix(in srgb, var(--accent-primary), transparent 4%);box-shadow:var(--glow-shadow);border-radius:12px;flex-direction:column;flex:1;gap:1rem;margin-bottom:0;padding:1.5rem;display:flex}.tags,.skills-grid{flex-wrap:wrap;gap:10px;display:flex}.skill-badge{background:var(--surface-color);text-align:center;border:1px solid var(--accent-secondary);border-radius:8px;padding:.3rem .2rem;font-weight:500}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1.5rem;padding-top:1rem;display:grid}.category-spacer{height:1.5rem}.skills-row{flex-wrap:wrap;gap:.75rem;padding-top:.5rem;display:flex}.skill-pill{background:color-mix(in srgb, var(--accent-primary), transparent 80%);border:1px solid var(--accent-secondary);border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:background .3s;display:flex}.skill-pill>span{color:var(--text-primary)}.skill-icon-tiny{object-fit:contain;width:18px;height:18px}.theme-btn{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.1rem;line-height:0;display:flex}.theme-btn svg{display:block}.separator{background:linear-gradient(90deg, transparent, var(--text-primary), transparent);transform-origin:50%;border:none;width:100%;height:2px}.contact-container{flex-direction:column;gap:1.2rem;margin-top:1.5rem;display:flex}.contact-row{align-items:center;gap:15px;display:flex}.contact-icon{color:var(--accent-primary);font-size:1.6rem}.contact-text,.contact-link{color:var(--text-primary);font-weight:500;text-decoration:none}.contact-link:hover{color:var(--accent-primary);text-decoration:underline}.copy-btn{background:var(--surface-color);border:1px solid color-mix(in srgb, var(--border-color), transparent 4%);cursor:pointer;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:.9rem;transition:all .3s cubic-bezier(.23,1,.32,1),transform .2s;display:flex}.copy-btn:hover{background:color-mix(in srgb, var(--accent-primary), transparent 50%);color:var(--text-primary);box-shadow:var(--glow-copy-shadow);transform:scale(1.1)}.copy-btn.copied{background:var(--success);color:var(--text-primary);border-color:var(--success)}@media (width<=1086px){:root{--max-width:90%}}@media (width<=800px){:root{--max-width:100%}header h1,section h2{font-size:1.4rem}section{margin:1.5rem 0;padding:0 1rem}section>p,section>ul{padding:0 .5rem}.container{padding:0 1rem}header{margin-top:1rem}.about-cards-wrapper{flex-direction:column;gap:2rem}.about-mini-card{width:100%}.vertical-divider-standalone{width:100%;height:1px;margin:0}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}}