@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg:#f5f7fa;--surface:#fff;--surface-muted:#f1f4f8;--text:#1a1f2b;--text-muted:#4b5568;--border:#d9e0ea;--primary:#1f4d8f;--primary-soft:#e7eef8;--accent:#2a7de1;--shadow:0 14px 34px #14274914}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-width:320px;color:var(--text);background:var(--bg);font-family:Plus Jakarta Sans,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,92vw);margin:0 auto}.section{padding:88px 0}.section-heading{margin-bottom:30px}.section-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem;font-weight:700}.section-heading h2{font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.25}.navbar-wrap{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;gap:20px;min-height:74px;display:flex}.brand{letter-spacing:.01em;font-size:1rem;font-weight:800}.nav-links{align-items:center;gap:20px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:600;transition:color .15s,transform .15s}.nav-links a:hover{color:var(--text);transform:translateY(-1px)}.nav-links a.active{color:var(--primary)}.menu-btn{cursor:pointer;background:0 0;border:none;display:none}.menu-btn span{background:var(--text);width:24px;height:2px;margin:5px 0;display:block}.hero{align-items:center;min-height:calc(90vh - 74px);display:grid;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:linear-gradient(100deg,#fffffff0,#f5f9ffd6),url(https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?auto=format&fit=crop&w=1920&q=80) 50%/cover no-repeat;position:absolute;inset:0}.hero-content{padding:60px 0}.hero-profile{margin-bottom:16px}.hero-profile img{object-fit:cover;object-position:center;border:2px solid #fff;border-radius:50%;width:92px;height:92px;box-shadow:0 10px 24px #14274929}.hero-location{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.8rem;font-weight:700}.hero h1{max-width:780px;margin-bottom:14px;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.1}.typewriter{color:var(--primary);min-height:2rem;margin-bottom:16px;font-size:clamp(1.05rem,2.8vw,1.45rem);font-weight:700}.cursor{animation:.8s step-end infinite blink;display:inline-block}.hero-summary{max-width:700px;color:var(--text-muted);margin-bottom:30px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-facts{flex-wrap:wrap;gap:10px;margin-top:18px;list-style:none;display:flex}.hero-facts li{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.02em;background:#ffffffd1;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:700}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-size:.9rem;font-weight:700;transition:transform .12s,background-color .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #1427491a}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#173e75}.btn-secondary{border-color:var(--border);color:var(--text);background:#fff}.btn-secondary:hover{background:var(--surface-muted)}.btn-ghost{color:var(--text-muted)}.about-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;display:grid}.about-text{color:var(--text-muted);max-width:700px}.about-visual img{border:1px solid var(--border);box-shadow:var(--shadow);object-fit:cover;border-radius:14px;min-height:320px}.timeline{margin-left:8px;position:relative}.timeline:before{content:"";background:#c8d3e4;width:2px;position:absolute;top:10px;bottom:10px;left:10px}.timeline-item{margin-bottom:18px;padding-left:34px;position:relative}.timeline-dot{background:var(--primary);border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:24px;left:2px}.timeline-year,.card-meta{color:var(--primary);margin-bottom:6px;font-size:.9rem;font-weight:700}.timeline-score,.card-subtitle{color:var(--text-muted);margin-top:8px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.skill-card ul{gap:12px;margin-top:12px;list-style:none;display:grid}.skill-card li{color:var(--text-muted);align-items:center;gap:10px;display:flex}.skill-card img{object-fit:contain;width:24px;height:24px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.three-col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.projects-grid{gap:24px;display:grid}.project-card{grid-template-columns:1fr 1.2fr;align-items:stretch;gap:16px;display:grid}.project-media img{object-fit:cover;border:1px solid var(--border);border-radius:12px;height:100%;min-height:260px}.project-content{transition:transform .2s}.project-card:hover .project-content{transform:translateY(-2px)}.project-status{background:var(--primary-soft);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:10px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.project-links{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.project-links .btn{text-align:center;min-width:120px}.bullet-list{color:var(--text-muted);margin-top:10px;padding-left:20px}.bullet-list li{margin-bottom:8px}.glass-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:22px;transition:transform .2s,box-shadow .2s}.glass-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #1427491c}.contact-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-card{max-width:760px}.contact-intro{color:var(--text-muted);margin-top:8px}.contact-list{gap:12px;margin-top:16px;list-style:none;display:grid}.contact-list li{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;padding:12px 14px}.contact-list span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:.78rem;font-weight:700;display:block}.contact-list a{color:var(--text);font-weight:600}.contact-empty{color:var(--text-muted);font-weight:600}.contact-list a:hover{color:var(--primary)}.footer{border-top:1px solid var(--border);background:#fff;padding:18px 0 30px}.footer-inner{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;display:flex}.social-links{gap:14px;display:flex}.social-links a:hover{color:var(--text)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reveal{opacity:0;transition:opacity .28s ease-out,transform .28s ease-out;transform:translateY(8px)}.reveal.revealed{opacity:1;transform:translateY(0)}@keyframes blink{50%{opacity:0}}@media (width<=920px){.menu-btn{display:block}.nav-links{border:1px solid var(--border);width:min(260px,70vw);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;display:none;position:absolute;top:66px;right:4vw}.nav-links.open{display:flex}.about-grid,.project-card,.contact-grid{grid-template-columns:1fr}.project-media img{min-height:220px}}@media (width<=640px){.section{padding:72px 0}.hero{min-height:calc(100vh - 66px)}.hero-profile img{width:78px;height:78px}.footer-inner{flex-direction:column;align-items:flex-start}.hero-actions .btn,.project-links .btn{text-align:center;justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}