*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#1a1a1a;--bg-card:#1e1e1e;--bg-section:#252525;--bg-hover:#2e2e2e;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-muted:#666;--border:#ffffff14;--font:"Inter", system-ui, sans-serif;--radius-card:16px;--radius-sm:10px}html,body{font-family:var(--font);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}.resume-wrapper{justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;display:flex}.resume-card{background:var(--bg-card);border-radius:var(--radius-card);grid-template-columns:230px 1fr;width:100%;max-width:900px;display:grid;overflow:hidden;box-shadow:0 24px 80px #0009}.left-panel{border-right:1px solid var(--border);flex-direction:column;gap:14px;padding:20px 18px;display:flex}.photo-wrap{aspect-ratio:1;border-radius:var(--radius-sm);background:#2a2a2a;width:100%;max-height:210px;overflow:hidden}.profile-photo{object-fit:cover;width:100%;height:100%;display:block}.identity{flex-direction:column;gap:3px;display:flex}.name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.3rem;font-weight:700}.title-line{color:var(--text-secondary);font-size:.78rem;font-weight:400}.contact{flex-direction:column;gap:8px;display:flex}.contact-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.contact-label{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.contact-value{color:var(--text-secondary);text-align:right;word-break:break-all;font-size:.72rem}.social-links{gap:10px;display:flex}.social-btn{width:28px;height:28px;color:var(--text-secondary);justify-content:center;align-items:center;transition:color .2s;display:flex}.social-btn:hover{color:var(--text-primary)}.social-btn svg{width:16px;height:16px}.download-btn{width:100%;color:var(--text-primary);font-family:var(--font);cursor:pointer;letter-spacing:.01em;background:0 0;border:1.5px solid #fff3;border-radius:50px;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:11px 16px;font-size:.78rem;font-weight:500;transition:background .2s,border-color .2s;display:flex}.download-btn:hover{background:#ffffff0f;border-color:#ffffff59}.download-btn svg{opacity:.7;width:14px;height:14px}.right-panel{flex-direction:column;min-width:0;display:flex}.section{padding:20px 28px}.section-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:14px;font-size:1rem;font-weight:600}.experience-section{flex:1}.exp-list{flex-direction:column;display:flex}.exp-item{border-bottom:1px solid var(--border);padding:11px 0}.exp-item:last-child{border-bottom:none}.exp-company{color:var(--text-muted);margin-bottom:2px;font-size:.72rem}.exp-role{color:var(--text-primary);margin-bottom:6px;font-size:.85rem;font-weight:600}.exp-desc{color:var(--text-secondary);margin-bottom:4px;font-size:.74rem;line-height:1.55}.exp-period{color:var(--text-muted);font-size:.68rem}.stack-section{background:var(--bg-section);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:12px 28px;display:flex}.stack-label{color:var(--text-primary);flex-shrink:0;font-size:.82rem;font-weight:600}.stack-grid{flex-wrap:wrap;gap:8px;display:flex}.stack-icon{background:var(--bg-hover);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:7px;transition:background .2s,transform .15s;display:flex}.stack-icon:hover{background:#3a3a3a;transform:translateY(-1px)}.stack-icon svg{width:100%;height:100%}.variant-switcher{flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 20px 0;display:none}.switcher-group{background:#ffffff0d;border-radius:50px;gap:4px;padding:3px;display:flex}.switcher-btn{color:var(--text-secondary);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:6px 14px;font-size:.78rem;font-weight:500;transition:background .15s,color .15s}.switcher-btn:hover{color:var(--text-primary)}.switcher-btn.active{color:var(--text-primary);background:#ffffff1f}@media (width<=640px){.resume-wrapper{align-items:stretch;padding:0}.resume-card{box-shadow:none;border-radius:0;grid-template-columns:1fr;max-width:100%}.left-panel{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;gap:16px;padding:20px 16px}.photo-wrap{flex-shrink:0;width:80px;height:80px;max-height:80px}.identity{flex:1;justify-content:center;min-width:120px}.name{font-size:1.1rem}.contact{width:100%}.contact-row{flex-direction:column;align-items:flex-start;gap:2px}.contact-value{text-align:left}.social-links{align-items:center}.download-btn{align-self:flex-end;width:auto;margin-top:0}.section{padding:16px}.stack-section{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}}@media (width>=641px) and (width<=900px){.resume-wrapper{padding:20px 16px}.resume-card{grid-template-columns:200px 1fr}}@media print{@page{size:A4 portrait;margin:0}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#000}.resume-wrapper{min-height:unset;padding:0;display:block}.resume-card{box-shadow:none;border-radius:0;width:100%;height:auto;overflow:visible}.right-panel,.experience-section{overflow:visible}.exp-item,.stack-section{break-inside:avoid;page-break-inside:avoid}.download-btn,.variant-switcher{display:none}}