*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--text-primary: #e8e8e8;--text-secondary: #888888;--text-muted: #555555;--accent: #ffffff;--border: #1a1a1a;--hover: #1f1f1f}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--text-muted);transition:border-color .2s ease}a:hover{border-color:var(--text-primary)}::selection{background:var(--text-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.portfolio{min-height:100vh;max-width:680px;margin:0 auto;padding:80px 24px}.header{margin-bottom:80px}.name{font-size:2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.title{font-size:1rem;color:var(--text-secondary);font-weight:400;margin-bottom:16px}.location{font-size:.875rem;color:var(--text-muted);margin-bottom:24px}.links{display:flex;gap:24px;flex-wrap:wrap}.links a{font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.links a:hover{color:var(--text-primary);border-color:var(--text-primary)}.section{margin-bottom:64px}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:24px;font-weight:500}.about-text{color:var(--text-secondary);font-size:1rem;line-height:1.8}.experience-item{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--border)}.experience-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:8px}.experience-company{font-size:1rem;font-weight:500}.experience-period{font-size:.875rem;color:var(--text-muted)}.experience-role{font-size:.875rem;color:var(--text-secondary);margin-bottom:12px}.experience-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.experience-description li{margin-bottom:8px;list-style:none;position:relative;padding-left:16px}.experience-description li:before{content:"—";position:absolute;left:0;color:var(--text-muted)}.project-item{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}.project-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:8px}.project-name{font-size:1rem;font-weight:500}.project-links{display:flex;gap:16px}.project-links a{font-size:.8125rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.project-links a:hover{color:var(--text-primary);border-color:var(--text-primary)}.project-tech{font-size:.8125rem;color:var(--text-muted);margin-bottom:12px}.project-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.skill-category h4{font-size:.875rem;font-weight:500;margin-bottom:8px}.skill-list{color:var(--text-secondary);font-size:.875rem;line-height:1.8}.education-item{margin-bottom:24px}.education-item:last-child{margin-bottom:0}.education-school{font-size:1rem;font-weight:500;margin-bottom:4px}.education-degree{font-size:.875rem;color:var(--text-secondary);margin-bottom:4px}.education-period{font-size:.8125rem;color:var(--text-muted)}.certification-item{margin-bottom:16px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.certification-item:last-child{margin-bottom:0}.certification-name{font-size:.9375rem}.certification-issuer{font-size:.8125rem;color:var(--text-muted)}.footer{margin-top:80px;padding-top:32px;border-top:1px solid var(--border);text-align:center}.footer-text{font-size:.8125rem;color:var(--text-muted)}@media(max-width:600px){.portfolio{padding:48px 20px}.name{font-size:1.75rem}.skills-grid{grid-template-columns:1fr}.experience-header,.project-header,.certification-item{flex-direction:column;gap:4px}}
