*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f8fb;--surface: #ffffff;--border: #d3e3f0;--accent: #2f6690;--accent-dim: #1f4d70;--accent-light: #eaf3fb;--text: #182430;--text-muted: #5c6b7a;--radius: 12px}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3{font-family:Oswald,sans-serif;letter-spacing:.02em}.container{max-width:1160px;margin:0 auto;padding:0 24px}.btn{display:inline-block;padding:12px 26px;border-radius:var(--radius);font-family:Oswald,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-outline:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 7%}.navbar-brand img{height:48px;width:auto}.navbar-links{display:flex;gap:32px}.navbar-links a{font-weight:600;font-size:.95rem;color:var(--text)}.navbar-links a:hover{color:var(--accent)}@media (max-width: 640px){.navbar{flex-direction:column;gap:10px;padding:12px 5%}.navbar-links{gap:18px;flex-wrap:wrap;justify-content:center}}.hero{display:flex;align-items:center;gap:48px;padding:80px 7%;background:linear-gradient(180deg,var(--accent-light) 0%,var(--bg) 100%);flex-wrap:wrap}.hero-text{flex:1 1 380px}.hero-text h1{font-size:3rem;margin-bottom:20px}.hero-text p{font-size:1.1rem;color:var(--text-muted);max-width:520px}.hero-image{flex:1 1 320px;max-width:420px;margin:0 auto}.hero-image img{width:100%;border-radius:var(--radius)}.skills{padding:80px 7%;background:var(--surface)}.skills h2{text-align:center;font-size:2.4rem;margin-bottom:48px}.skills-list{display:flex;flex-direction:column;gap:24px;max-width:980px;margin:0 auto}.skill-row{display:flex;align-items:center;gap:32px;border:2px solid var(--border);border-radius:20px;padding:32px;transition:border-color .2s ease,transform .2s ease;flex-wrap:wrap}.skill-row:hover{border-color:var(--accent);transform:scale(1.01)}.skill-text{flex:3 1 320px}.skill-text h3{font-size:1.5rem;margin-bottom:12px}.skill-text p{color:var(--text-muted)}.skill-image{flex:1 1 140px;max-width:160px;margin:0 auto}.skill-image img{border-radius:16px}.portfolio{padding:80px 7%;background:var(--accent-light)}.portfolio h2{text-align:center;font-size:2.4rem;margin-bottom:48px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px;max-width:1160px;margin:0 auto}.portfolio-card{background:var(--surface);border:2px solid var(--border);border-radius:20px;padding:28px;transition:border-color .2s ease,transform .2s ease}.portfolio-card:hover{border-color:var(--accent);transform:scale(1.01)}.portfolio-card h3{font-size:1.4rem;margin-bottom:16px}.portfolio-card img{border-radius:12px;margin-bottom:16px}.portfolio-card p{color:var(--text-muted);margin-bottom:20px}.portfolio-links{display:flex;gap:12px;flex-wrap:wrap}.testimonials{padding:80px 7%;background:var(--surface);text-align:center}.testimonial-card{display:flex;align-items:center;justify-content:center;gap:24px;max-width:640px;margin:0 auto}.testimonial-content img{width:96px;height:96px;object-fit:cover;border-radius:100%;margin:0 auto 20px}.testimonial-content p{font-size:1.2rem;margin-bottom:12px}.testimonial-content em{color:var(--text-muted)}.testimonial-arrow{background:none;border:2px solid var(--border);border-radius:100%;width:44px;height:44px;font-size:1.4rem;cursor:pointer;color:var(--accent);flex-shrink:0;transition:border-color .2s ease,background .2s ease}.testimonial-arrow:hover{border-color:var(--accent);background:var(--accent-light)}.contact{display:flex;justify-content:center;gap:64px;padding:32px 7%;background:var(--accent-dim);color:#fff;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:12px;font-weight:500}.contact-item img{width:26px;height:26px;background:#fff;border-radius:100%;padding:4px}