@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #f5f6fb;--bg-alt: #eef2ff;--surface: #ffffff;--surface-muted: #edf2ff;--text: #0f172a;--text-muted: #475569;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--accent: #2563eb;--accent-dark: #1d4ed8;--accent-soft: #dbeafe;--accent-muted: rgba(37, 99, 235, .12);--shadow-lg: 0 35px 90px rgba(15, 23, 42, .15);--shadow-md: 0 20px 50px rgba(15, 23, 42, .1);--shadow-sm: 0 12px 30px rgba(15, 23, 42, .08);font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(37,99,235,.1),transparent 40%),radial-gradient(circle at bottom right,rgba(14,165,233,.07),transparent 45%),var(--bg);color:var(--text);line-height:1.7;font-size:1rem;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}p{margin:0 0 1rem}ul{margin:0 0 1rem 1.25rem;padding:0}button,input,textarea{font:inherit}main{display:flex;flex-direction:column;gap:0}.container{width:min(1200px,92%);margin:0 auto}.section{padding:120px 0;position:relative}.section+.section{border-top:1px solid rgba(15,23,42,.05)}.section-heading{text-align:center;max-width:780px;margin:0 auto 60px}.section-heading h2{font-size:clamp(2rem,4vw,3rem);margin:12px 0;letter-spacing:-.02em}.section-heading .lead{color:var(--text-muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:.8rem;letter-spacing:.25em;font-weight:600;color:var(--accent)}.eyebrow:before{content:"";width:32px;height:2px;background:var(--accent);opacity:.6}.lead{font-size:1.1rem;color:var(--text-muted);line-height:1.8}.muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:14px 28px;font-weight:600;font-size:.95rem;background:linear-gradient(120deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s ease,box-shadow .25s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.secondary:hover{border-color:var(--accent);color:var(--accent)}.site-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f5f6fbeb;border-bottom:1px solid rgba(15,23,42,.05)}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{font-weight:600;letter-spacing:-.01em;display:flex;flex-direction:column;color:var(--text)}.logo small{font-size:.8rem;color:var(--text-muted);font-weight:500}.nav-links{display:flex;align-items:center;gap:26px;font-weight:500;font-size:.95rem}.language-switcher{margin-left:auto}.language-switcher select{border:1px solid transparent;background:#0f172a0a;font-weight:600;font-size:.95rem;color:var(--text);padding:6px 18px;cursor:pointer;border-radius:999px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.language-switcher select:hover{background:#2563eb1f;color:var(--accent)}.language-switcher select:focus-visible,.language-switcher select:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #2563eb2e}.nav-links a{color:var(--text-muted)}.nav-links a:hover{color:var(--accent)}.nav-cta{padding:10px 20px;font-size:.9rem}.nav-toggle{display:none;flex-direction:column;gap:6px;border:none;background:none;padding:0;cursor:pointer}.nav-toggle span{width:26px;height:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease}.nav-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero{padding-top:160px;background:linear-gradient(135deg,var(--bg-alt),rgba(239,246,255,.7))}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:64px;align-items:center}.hero-copy h1{font-size:clamp(2.5rem,5vw,4.2rem);margin:20px 0;letter-spacing:-.03em}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin:32px 0 24px}.hero-highlights{display:flex;flex-wrap:wrap;gap:12px}.hero-highlights span{padding:10px 18px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-weight:500;font-size:.9rem}.hero-profile{display:flex;flex-direction:column;gap:24px}.profile-card{background:var(--surface);border-radius:28px;padding:32px;border:1px solid var(--border);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:20px}.profile-ring{width:240px;max-width:100%;aspect-ratio:1;border-radius:24px;padding:12px;background:linear-gradient(130deg,var(--accent-soft),#fff);margin:0 auto}.profile-ring img{width:100%;height:100%;object-fit:cover;border-radius:20px}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.hero-stats div{background:var(--surface);border-radius:20px;padding:20px;border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm)}.hero-stats span{display:block;font-size:1.75rem;font-weight:700;color:var(--accent)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.about-copy p{margin-bottom:1.4rem;font-size:1.05rem;color:var(--text)}.about-panel{display:flex;flex-direction:column;gap:24px}.panel-card{background:var(--surface);border-radius:24px;padding:28px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.panel-card h3{margin-bottom:16px;font-size:1.2rem}.panel-card ul{margin:0;padding-left:1rem;color:var(--text-muted);line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.about-stats div{background:var(--surface-muted);border-radius:20px;padding:20px;text-align:center;border:1px solid var(--border)}.about-stats span{display:block;font-size:1.65rem;font-weight:700;color:var(--accent);margin-bottom:4px}.service-grid,.projects-grid,.case-grid,.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.service-card,.project-card,.case-card,.skill-card{background:var(--surface);border-radius:28px;padding:32px;border:1px solid var(--border);box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover,.project-card:hover,.case-card:hover,.skill-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.service-top{display:flex;align-items:center;gap:14px}.service-index{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;font-weight:600}.service-card ul{color:var(--text-muted);padding-left:1.1rem}.timeline{display:flex;flex-direction:column;gap:32px}.timeline-item{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:24px;align-items:start}.timeline-badge span{display:inline-flex;padding:10px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-weight:600;color:var(--text-muted)}.timeline-card{background:var(--surface);border-radius:28px;padding:32px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.timeline-header{display:flex;justify-content:space-between;gap:24px;margin-bottom:12px}.timeline-header h3{margin:0;font-size:1.45rem}.timeline-card ul{color:var(--text-muted);padding-left:1.15rem}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.chip-row span{padding:8px 14px;border-radius:999px;background:var(--accent-muted);color:var(--accent-dark);font-size:.85rem;font-weight:600}.project-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.project-header h3{margin:0 0 4px}.project-body p{color:var(--text-muted)}.project-link{font-size:.9rem;color:var(--accent);font-weight:600}.skill-card h4{margin:0}.skills-grid .chip-row{margin-top:8px}.contact{background:linear-gradient(120deg,rgba(37,99,235,.08),transparent)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:start}.contact-info .lead{margin-bottom:24px}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.contact-card{border:1px solid var(--border);border-radius:20px;padding:18px;background:var(--surface)}.contact-card span{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-bottom:8px;font-weight:600}.contact-card a,.contact-card p{margin:0;font-weight:600;color:var(--text);overflow-wrap:anywhere}.contact-links{display:flex;flex-wrap:wrap;gap:12px}.contact-links a{padding:10px 18px;border:1px solid var(--border);border-radius:999px;font-weight:600}.contact-form{background:var(--surface);border-radius:28px;padding:36px;border:1px solid var(--border);box-shadow:var(--shadow-md);display:grid;gap:18px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;color:var(--text)}input,textarea{width:100%;border-radius:16px;border:1px solid var(--border);padding:14px 16px;background:var(--bg);transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26;background:#fff}textarea{min-height:160px;resize:vertical}.site-footer{padding:48px 0;background:#0f172a;color:#ffffffe6;margin-top:80px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.foot p{margin:0}.foot .muted{color:#fff9}.foot-links{display:flex;gap:16px;flex-wrap:wrap}.foot-links a{color:#ffffffd9;font-weight:600}html{scroll-behavior:smooth}::selection{background:var(--accent);color:#fff}@media (max-width: 900px){.nav-links{position:absolute;top:72px;right:4%;background:#fff;border-radius:18px;padding:20px;flex-direction:column;width:min(260px,90vw);align-items:flex-start;box-shadow:var(--shadow-lg);display:none}.nav-links.open,.nav-toggle{display:flex}.nav-links .language-switcher{width:100%;margin-left:0}.nav-links .language-switcher select{width:100%;padding:12px 16px}}@media (max-width: 700px){.section{padding:80px 0}.hero{padding-top:120px}.hero-actions,.contact-links{flex-direction:column}.btn,.contact-links a{width:100%;justify-content:center}.timeline-item{grid-template-columns:1fr}.timeline-badge{order:-1}}