*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}.app{--background:#fff;--surface:#f7f7f7;--text:#111;--muted-text:#666;--border:#e5e5e5;--tag-background:#f1f1f1;background:var(--background);color:var(--text);transition:background .3s,color .3s}.app.dark{--background:#111;--surface:#1a1a1a;--text:#f5f5f5;--muted-text:#aaa;--border:#333;--tag-background:#2a2a2a}main{padding:0}.section-container>h2{letter-spacing:-.8px;margin:0 0 25px;font-size:36px;font-weight:700;line-height:1.2}.section-container{max-width:1100px;margin:0 auto;padding:80px 40px}.section-label{color:var(--muted-text);letter-spacing:2px;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.2}@media (width<=768px){main{padding:20px}.section-container{padding:40px 20px}}nav{z-index:1000;background:var(--background);border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;padding:20px 40px;transition:background .3s,border-bottom .3s;display:flex;position:sticky;top:0}.nav-links{flex-direction:row;align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}nav a{color:var(--text);text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:.7}.theme-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;transition:background .3s,color .3s,border-color .3s}.theme-toggle:hover{background:var(--tag-background)}@media (width<=768px){nav{flex-direction:column;gap:15px;padding:16px 20px}}@media (width<=568px){nav{flex-direction:row}.nav-links li a{display:none}}.hero{padding:80px 40px}.hero-content{justify-content:space-between;align-items:center;gap:60px;max-width:1100px;margin:0 auto;display:flex}.hero-text p{max-width:650px;color:var(--muted-text);margin:0;font-size:18px;font-weight:400;line-height:1.7}.hero-text{flex:1}.hero-text h1{letter-spacing:-1.5px;margin:10px 0;font-size:56px;font-weight:700;line-height:1.1}.hero-text h2{letter-spacing:-.4px;color:var(--muted-text);margin:0 0 20px;font-size:28px;font-weight:500;line-height:1.3}.hero-image{flex:0 0 300px}.hero-image img{object-fit:cover;border-radius:50%;width:300px;height:300px;transition:transform .3s}.hero-image img:hover{transform:scale(1.03)}@media (width<=768px){.hero{padding:50px 20px}.hero-content{text-align:center;flex-direction:column;gap:40px}.hero-text h1{font-size:clamp(36px,10vw,42px)}.hero-text h2{font-size:24px}.hero-image{flex:none}.hero-image img{width:min(220px,70vw);height:min(220px,70vw)}}.about{background:var(--surface)}.about h2{margin-bottom:25px;font-size:36px}.about-content{grid-template-columns:2fr 1fr;align-items:start;gap:50px;display:grid}.about-text{flex-direction:column;gap:18px;display:flex}.about-text p{max-width:800px;color:var(--muted-text);margin:0;font-size:16px;font-weight:400;line-height:1.8}.about-details{flex-direction:column;gap:20px;display:flex}.about-details>div{flex-direction:column;gap:6px;display:flex}.about-details span{color:var(--muted-text);font-size:14px}.about-details strong{color:var(--text);font-size:17px;font-weight:600}@media (width<=768px){.about-content{grid-template-columns:2fr;gap:30px}}.experience{background:var(--background)}.experience-list{flex-direction:column;gap:30px;margin-top:40px;display:flex}.experience-card{background:var(--background);border:1px solid var(--border);border-radius:12px;padding:30px;transition:transform .25s,box-shadow .25s}.experience-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.experience-card>p:first-child{color:var(--muted-text);margin:0 0 10px;font-size:13px;font-weight:500;line-height:1.4}.experience-card h3{letter-spacing:-.4px;margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.3}.experience-card h4{color:var(--muted-text);margin:0 0 20px;font-size:16px;font-weight:500;line-height:1.4}.experience-description{color:var(--muted-text);margin:0 0 12px;font-size:16px;font-weight:400;line-height:1.7}.technology-list{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.technology-list span{background:var(--tag-background);color:var(--text);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;line-height:1.4}.project-card{background:var(--background);border:1px solid var(--border);border-radius:12px;padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s}.project-card:hover{box-shadow:0 10px 30px rgba(0, 0, 0, 0, .08);transform:translateY(-6px)}.project-card a{color:var(--text);margin-top:20px;font-weight:600;text-decoration:none;display:inline-block}.project-card a:hover{text-decoration:underline}.project-card h3{letter-spacing:-.4px;margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.3}.project-card p{max-width:700px;color:var(--muted-text);margin:0 0 20px;font-size:16px;font-weight:400;line-height:1.7}.projects{background:var(--surface)}.project-grid{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px;display:grid}@media (width<=768px){.project-grid{grid-template-columns:1fr}}.education{background:var(--surface)}.education-content{grid-template-columns:1fr 1fr;gap:60px;margin-top:40px;display:grid}.education-card{background:var(--background);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s}.education-card:hover{box-shadow:0 10px 30px rgba(0, 0, 0, 0, .08);transform:translateY(-4px)}.education-card p:first-child{color:var(--muted-text);margin:0 0 10px;font-size:13px;font-weight:500;line-height:1.4}.education-card h3{letter-spacing:-.4px;margin:10px 0 5px;font-size:24px;font-weight:600;line-height:1.3}.education-card h4{color:var(--muted-text);margin:0 0 20px;font-size:17px;font-weight:500;line-height:1.4}.achievements h3{margin-top:0 0 20px;letter-spacing:-.4px;font-size:24px;font-weight:600;line-height:1.3}.achievements ul{margin:0;padding-left:20px}.achievements li{color:var(--muted-text);margin-bottom:15px;font-size:16px;font-weight:400;line-height:1.6}@media (width<=768px){.education-content{grid-template-columns:1fr}}.contact{background:var(--background)}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.contact-info{flex-direction:column;gap:24px;display:flex}.contact-info>p{max-width:500px;color:var(--muted-text);margin:0;font-size:18px;font-weight:400;line-height:1.7}.contact-links{flex-direction:column;gap:14px;display:flex}.contact-links a{color:var(--text);font-weight:600;text-decoration:none}.contact-links a:hover{text-decoration:underline}.email-contact{align-items:center;gap:12px;display:flex}.email-contact a{color:var(--text);text-decoration:none}.email-contact a:hover{text-decoration:underline}.email-contact button{background:var(--background);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}.email-contact button:hover{background:var(--tag-background)}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text);font-size:14px;font-weight:600;line-height:1.4}.form-group input,.form-group textarea{box-sizing:border-box;background:var(--background);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:12px 14px;line-height:1.5}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted-text);opacity:1}.form-group input:focus,.form-group textarea:focus{border-color:var(--text);outline:none}.form-group textarea{resize:vertical;min-height:140px}.contact-form button{background:var(--text);color:var(--background);cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:600;line-height:1.4;transition:opacity .2s}.contact-form button:hover{opacity:.8}@media (width<=768px){.contact-content{grid-template-columns:1fr}}.footer{background:var(--surface);border-top:1px solid var(--border);text-align:center;padding:30px 40px}.footer p{color:var(--muted-text);margin:0;font-size:14px;font-weight:400;line-height:1.5}.skills{background:var(--background)}.skills-grid{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px;display:grid}.skill-category{background:var(--background);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:30px;transition:transform .25s,box-shadow .25s}.skill-category:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.skill-category h3{letter-spacing:-.2px;margin:0 0 18px;font-size:20px;font-weight:600;line-height:1.3}.skill-list{flex-wrap:wrap;gap:10px;display:flex}.skill-list span{background:var(--tag-background);color:var(--text);border-radius:20px;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.4}@media (width<=768px){.skills-grid{grid-template-columns:1fr}}