:root{--bg: #f8fafc;--card: #ffffff;--text: #0f172a;--muted: #6b7280;--accent: #14b8a6;--accent-hover: #0d9488;--btn-text: #ffffff;--btn-text-secondary: #0f172a;--radius: 14px;--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .03);--shadow: rgba(0, 0, 0, .1);--shadow-strong: rgba(0, 0, 0, .3);--overlay: rgba(0, 0, 0, .8);--subtle-bg: rgba(255, 255, 255, .02)}[data-theme=dark]{--bg: #0b1220;--card: #0f1724;--text: #e6eef8;--muted: #9aa6b2;--accent: #0d9488;--accent-hover: #14b8a6;--btn-text: #ffffff;--btn-text-secondary: #e6eef8;--border: rgba(255, 255, 255, .12);--border-light: rgba(255, 255, 255, .06);--shadow: rgba(0, 0, 0, .3);--shadow-strong: rgba(0, 0, 0, .6);--overlay: rgba(0, 0, 0, .9);--subtle-bg: rgba(255, 255, 255, .02)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.container{max-width:1080px;margin:0 auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px}.logo{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14b8a6,#123524);color:#fff;font-weight:700;cursor:pointer;flex-shrink:0}.socials{display:flex;gap:10px;align-items:center}.icon-btn{background:transparent;border:0;padding:8px;border-radius:8px;cursor:pointer;color:var(--muted);transition:color .2s ease}.icon-btn:hover{color:var(--text)}.socials a{transition:color .2s ease;color:var(--muted);text-decoration:none}.socials a:hover{color:var(--text)}.hero{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:28px}.hero-left{flex:1;min-width:260px}.hero-right{width:180px;height:180px;border-radius:16px;background:linear-gradient(135deg,#14b8a6,#123524);display:flex;align-items:center;justify-content:center;color:#fff}h1{font-size:28px;margin:0}p.lead{margin-top:12px;color:var(--muted)}.cta{margin-top:16px;display:flex;gap:10px}.btn{padding:10px 14px;border-radius:10px;border:0;cursor:pointer;text-decoration:none;display:inline-block;font-weight:500;transition:all .2s ease}.btn-primary{background:var(--accent);color:var(--btn-text);border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--btn-text-secondary)}.btn-ghost:hover{background:var(--accent);color:var(--btn-text);border-color:var(--accent);transform:translateY(-1px)}.card{padding:20px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border-light);box-shadow:0 1px 3px var(--shadow)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.chip{display:inline-block;padding:6px 10px;border-radius:8px;border:1px solid var(--border-light);font-size:13px;color:var(--muted)}section{margin-top:22px}.two-col{display:grid;grid-template-columns:1fr 340px;gap:18px}.project{padding:16px;border-radius:12px;border:1px solid var(--border-light);background:linear-gradient(180deg,var(--subtle-bg),transparent);transition:all .2s ease}.project h3{margin:0;font-size:16px}.project p{margin:8px 0 0;color:var(--muted);font-size:14px}ol{padding-left:18px;margin:8px 0;color:var(--muted)}form{display:flex;flex-direction:column;gap:10px}input,textarea{padding:10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text)}textarea{min-height:120px}.tech-chip{background:#14b8a61f;color:var(--accent);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}[data-theme=dark] .tech-chip{background:#5eead426}.service-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border)}.service-item:last-child{border-bottom:none}.section-card{margin-top:18px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-header--spaced{margin-bottom:16px}.section-header--spaced-lg{margin-bottom:20px}.section-header--spaced-md{margin-bottom:18px}.section-title{font-weight:700;font-size:20px;margin:0}.section-subtitle{color:var(--muted);font-size:13px;margin-top:6px}.section-actions{display:flex;gap:8px;align-items:center}.section-content{margin-top:12px}.service-icon{width:40px;height:40px;border-radius:10px;background:#14b8a61f;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);flex-shrink:0}[data-theme=dark] .service-icon{background:#5eead426}.service-content{flex:1}.service-title{margin:0 0 4px;font-size:15px}.service-description{color:var(--muted);font-size:14px;line-height:1.5}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.about-content{margin:0 0 16px;line-height:1.6}.about-sidebar{display:flex;flex-direction:column;gap:16px}.skill-group h4{margin:0 0 8px;font-size:14px;color:var(--muted)}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.projects-grid{display:flex;flex-direction:column;gap:16px}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.project-title{margin:0;font-size:16px}.project-tech{display:flex;gap:6px}.project-description{margin:0 0 8px;line-height:1.6}.project-achievements{margin-top:8px;font-size:13px;color:var(--muted)}.experience-timeline{display:flex;flex-direction:column;gap:20px}.experience-item{border-left:3px solid var(--accent);padding-left:16px}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.experience-role{margin:0;font-size:16px}.experience-company{color:var(--accent);font-size:14px;margin-top:2px}.experience-period{font-size:13px;color:var(--muted)}.experience-tech{margin-bottom:12px}.experience-achievements{margin:0;padding-left:20px;color:var(--muted);font-size:14px}.side-projects-grid{display:flex;flex-direction:column;gap:14px}.side-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.side-project-title{margin:0;font-size:15px}.side-project-year{font-size:12px;color:var(--muted)}.side-project-tech{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}.side-project-description{margin:0;color:var(--muted);font-size:14px}footer{margin-top:28px;text-align:center;color:var(--muted);font-size:13px}footer a{color:var(--accent);text-decoration:none;cursor:pointer}footer a:hover{text-decoration:underline}.services{display:flex;flex-direction:column;gap:12px}.service-item{display:flex;align-items:flex-start;gap:12px}.service-item h4{margin:0;font-size:15px}.service-desc{color:var(--muted);font-size:14px;margin-top:4px}.scrollable-content{scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:transparent;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px;opacity:.6}.scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--text);opacity:.8}[data-theme=dark] .scrollable-content{scrollbar-color:var(--muted) transparent}[data-theme=dark] .scrollable-content::-webkit-scrollbar-thumb{background:var(--muted)}[data-theme=dark] .scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--accent)}#privacy-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay);z-index:1000}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card);border-radius:16px;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px var(--shadow-strong)}#privacy-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#privacy-modal h2{margin:0;color:var(--text)}#privacy-modal .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted)}#privacy-modal .modal-body{color:var(--text);line-height:1.6}#privacy-modal h3{color:var(--accent);margin-top:24px;margin-bottom:12px}#privacy-modal a{color:var(--accent)}@media (max-width: 900px){.grid{grid-template-columns:repeat(1,1fr)}.two-col{grid-template-columns:1fr}.socials{display:none}#about>div:first-child>div:first-child{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}#projects .project,#experience>div:last-child>div{margin-bottom:16px}#projects .project>div:first-child,#experience>div:last-child>div>div:first-child{display:block!important}#projects .project>div:first-child>div:last-child,#experience>div:last-child>div>div:first-child>div:last-child{margin-top:8px!important;justify-content:flex-start!important}}