:root{--color-bg:#fff;--color-primary:#1a73e8;--color-secondary:#f1f3f4;--color-accent:#1a73e8;--color-success:#00c853;--color-text:#202124;--color-link:#1a73e8;--color-link-hover:#1a73e8;--max-width:900px;--font-main:"Inter",system-ui,sans-serif}html{box-sizing:border-box;font-size:16px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;line-height:1.6;background:var(--color-bg);min-height:100vh}a{color:var(--color-link);text-decoration:none;transition:color .15s}a:focus,a:hover{color:var(--color-link-hover);text-decoration:underline}h1,h2,h3,h4,h5{font-weight:700;margin:0 0 .5em;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}ol,ul{margin:0 0 1em 1.5em;padding:0}img{max-width:100%;height:auto;border-radius:8px}.navbar{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;transition:box-shadow .2s}.navbar-inner{max-width:var(--max-width);margin:0 auto;justify-content:space-between;padding:1.4em 1.5em}.nav-links,.navbar-inner{display:flex;align-items:center}.nav-links{gap:1.6em;justify-content:center}.nav-link{font-weight:500}.nav-btn{font-weight:600;background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit;font-size:1.15rem;letter-spacing:.02em;transition:color .15s;text-decoration:none;outline:none;box-shadow:none;position:relative}.nav-btn,.navbar .nav-btn{color:var(--color-link)}.navbar .nav-btn.active,.navbar .nav-btn:focus,.navbar .nav-btn:hover{color:var(--color-primary)}.nav-btn:focus,.nav-btn:hover{color:var(--color-primary);text-decoration:none}.nav-btn:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--color-primary);transition:width .25s ease}.nav-btn.active:after,.nav-btn:focus:after,.nav-btn:hover:after{width:100%}.nav-btn.active{color:var(--color-primary)}.hamburger{display:none;flex-direction:column;justify-content:center;width:2.2em;height:2.2em;border:none;background:none;cursor:pointer}.hamburger span{display:block;width:1.8em;height:3px;background:var(--color-primary);border-radius:3px;margin:.2em 0;transition:all .2s}@media (max-width:767px){.nav-links{display:none;position:absolute;top:100%;box-shadow:0 2px 16px rgba(0,0,0,.04);padding:1em 0}.nav-links,.nav-links.open{flex-direction:column;background:#fff;right:0;left:0}.nav-links.open{position:fixed;top:0;bottom:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;gap:2em;z-index:200}.hamburger{display:flex}}.container{max-width:var(--max-width);margin:0 auto;padding:2em 1em}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:1.5em}.hero-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:1em;box-shadow:0 2px 12px rgba(37,99,235,.1)}.hero-buttons{display:flex;gap:1.5em;flex-wrap:wrap;justify-content:center;margin-top:1em}.hero-btn{display:inline-block;background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.7em 1.4em;font-size:1.1rem;font-weight:600;box-shadow:0 2px 8px rgba(37,99,235,.12);cursor:pointer;transition:background .2s,box-shadow .2s}.hero-btn.secondary{background:var(--color-secondary);color:var(--color-text)}.hero-btn:focus,.hero-btn:hover{background:var(--color-link-hover);box-shadow:0 4px 18px rgba(37,99,235,.15)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:2em;gap:2em;margin:2em 0}.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.04);padding:1.5em;display:flex;flex-direction:column;gap:.8em}.project-links{display:flex;gap:1em;margin-top:.5em}.contact-form{max-width:400px;margin:0 auto;background:#fff;border-radius:12px;padding:2em 1.5em;box-shadow:0 2px 16px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:1.2em}.contact-form label{font-weight:500;margin-bottom:.2em}.contact-form input,.contact-form textarea{width:100%;padding:.6em;border:1px solid #e5e7eb;border-radius:5px;font-size:1rem;background:#f3f4f6;margin-bottom:.7em}.contact-form button[type=submit]{background:var(--color-primary);color:#fff;border:none;border-radius:7px;padding:.7em 1.2em;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .2s}.contact-form button[type=submit]:focus,.contact-form button[type=submit]:hover{background:var(--color-link-hover)}.social-icons{display:flex;gap:1em;margin-top:1em;justify-content:center}.social-icon{width:28px;height:28px;display:inline-block;fill:var(--color-primary)}.hero .social-icon{fill:#fff}footer{background:#fff;border-top:1px solid #e5e7eb;text-align:center;padding:1.4em 0 1em;margin-top:3em;font-size:1rem;color:var(--color-text);width:100%}.flex-center{display:flex;align-items:center;justify-content:center}.mt-2{margin-top:2em}.mt-1{margin-top:1em}.mb-2{margin-bottom:2em}