:root{--bg:#fff;--text:#1a1a1a;--accent:#646cff;--card-bg:#f4f4f4;--max-width:75%}[data-theme=dark]{--bg:#121212;--text:#f0f0f0;--card-bg:#1e1e1e}[data-theme=dark] .card{border-color:#ffffff08;box-shadow:0 4px 6px #0003}[data-theme=dark] .card:hover{box-shadow:0 10px 20px #0006,0 20px 40px #0000004d}[data-theme=dark] .skill-badge{border-color:#333}[data-theme=dark] .copy-btn{border-color:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}body{background-color:var(--bg);color:var(--text);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;padding:0 2rem}section>p,section>ul{padding:0 1rem}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%;display:flex}.vertical-divider-standalone{background:var(--text);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;opacity:.5;font-size:.7rem;font-weight:700}.pane-content{font-size:1rem;font-weight:500}.card p,.card .skills-grid{padding:0!important}.card{background:var(--card-bg);border:1px solid #0000000a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .2s cubic-bezier(.23,1,.32,1);box-shadow:0 2px 4px #00000005,0 1px 1px #00000005}.card:hover{box-shadow:0 2px 5px #00000005,0 10px 15px #00000008,0 20px 30px #0000000a,0 35px 60px #0000000f}.about-mini-card{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1);display:flex;margin-bottom:0!important}.tags,.skills-grid{flex-wrap:wrap;gap:10px;display:flex}.skill-badge{background:var(--card-bg);border:1px solid #0000;border-radius:8px;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:#00000008;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:background .3s;display:flex}.skill-icon-tiny{object-fit:contain;width:18px;height:18px}[data-theme=dark] .skill-pill{background:#ffffff0d}.theme-btn{background:var(--card-bg);color:var(--text);border:1px solid var(--text);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), 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{min-width:24px;color:var(--accent);font-size:1.2rem}.contact-text,.contact-link{color:var(--text);font-weight:500;text-decoration:none}.contact-link:hover{color:var(--accent);text-decoration:underline}.copy-btn{background:var(--card-bg);cursor:pointer;color:var(--text);border:1px solid #0000000d;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:var(--accent);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0000001a}.copy-btn.copied{color:#fff;background:#42b883;border-color:#42b883}@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}}
