:root{--bg:#f8f9fa;--card:#fff;--article-bg:#d9d9d9;--accent:#06b6d4;--muted:#6c757d;--text-primary:#212529;--text-secondary:#6c757d;--text-on-accent:#fff;--border-color:rgba(0,0,0,.1);--shadow-color:rgba(0,0,0,.08);--glass:rgba(0,0,0,.02)}[data-theme=dark]{--bg:#071022;--card:#0b1220;--article-bg:#0b1220;--muted:#94a3b8;--text-primary:#e6eef6;--text-secondary:#94a3b8;--border-color:hsla(0,0%,100%,.1);--shadow-color:rgba(2,6,23,.6);--glass:hsla(0,0%,100%,.03)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--text-primary);line-height:1.5;transition:background-color .2s ease-in-out,color .2s ease-in-out}.container{margin:40px auto;padding:24px}.avatar{width:96px;height:96px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#7c3aed);justify-content:center;font-weight:700;font-size:28px}.avatar,.main-nav{display:flex;align-items:center}.main-nav{justify-content:space-between;padding:1rem 2rem;background:rgba(248,249,250,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.main-nav ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.main-nav a{color:var(--muted);text-decoration:none;font-weight:600;transition:color .2s ease-in-out}.main-nav a.active,.main-nav a:hover,.nav-logo{color:var(--text-primary)}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.2rem}[data-theme=dark] .main-nav{background:rgba(11,18,32,.8)}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:11}.hamburger-menu div{width:24px;height:2px;background:var(--text-primary);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-menu.open div:first-child{transform:rotate(45deg)}.hamburger-menu.open div:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger-menu.open div:nth-child(3){transform:rotate(-45deg)}@media (max-width:768px){.main-nav ul{display:none;flex-direction:column;position:absolute;top:73px;left:0;width:100%;background:rgba(248,249,250,.95);padding:1rem 0;text-align:center}[data-theme=dark] .main-nav ul{background:rgba(11,18,32,.95)}.hamburger-menu,.main-nav ul.open{display:flex}}h1{margin:0;font-size:24px}p.lead{color:var(--muted);margin:6px 0 0}.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 20px var(--shadow-color);border:1px solid var(--border-color)}.skills{display:flex;flex-wrap:wrap;gap:10px}.chip{background:var(--glass);padding:8px 10px;border-radius:999px;color:var(--muted);font-weight:600}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px;margin-top:12px}.proj{background:transparent;border:none!important}.proj h3{margin:0 0 8px;font-size:16px}.proj p{margin:0 0 12px;color:var(--muted);font-size:13px}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:2rem;gap:2rem;padding:1rem;margin-top:1rem;border-top:1px solid var(--border-color)}.footer-column h4{margin-top:0;color:var(--text-primary)}.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-column a{color:var(--muted);text-decoration:none;transition:color .2s ease-in-out}.footer-column a:hover{color:var(--accent)}.footer-copy{text-align:center;color:var(--muted);font-size:13px}.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:var(--accent);color:var(--text-on-accent);font-weight:700}.btn,.mutebtn{text-decoration:none}.mutebtn{background:transparent;border:1px solid var(--border-color);color:var(--muted);padding:7px 10px;border-radius:8px}.meta{gap:8px}.contact-list,.meta{display:flex;flex-direction:column}.contact-list{list-style:none;padding:0;margin:0;gap:6px}code{background:var(--glass);padding:6px;border-radius:6px;color:var(--text-secondary);font-size:13px}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal .window{width:100%;max-width:980px;background:var(--article-bg);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 30px 60px var(--shadow-color);display:flex;flex-direction:column;max-height:80vh}.modal .window .window-header{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 6px;position:relative;flex-shrink:0}.modal .window .close{position:absolute;top:10px;right:10px;background:transparent;border:0;color:var(--muted);font-size:24px;cursor:pointer;padding:8px}.modal-open{height:100vh!important;width:100vw!important}.modal-open,.modal-open html{overflow:hidden!important}.iframe-wrap{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 18px 18px}.note{color:var(--muted);font-size:13px}@media(max-width:900px){.container{margin:18px}}.contact-container{display:flex;gap:20px}@media (orientation:portrait){.contact-container{flex-direction:column}.contact-text{padding-left:0!important}}.info-card{flex:0 1 30%;min-width:320px;display:flex;flex-direction:column}@media (orientation:portrait){.info-card{min-width:100%}}.card-img{border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden}.services-container{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}@media (orientation:portrait){.services-container{justify-content:center;max-width:100%}}.sectioncard-container{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.form-input{width:100%;padding:12px;border:1px solid var(--border-color);background-color:var(--bg);color:var(--text-primary);border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(6,182,212,.3)}