:root{--color-primary: #1a3a6b;--color-primary-light: #2952a3;--color-primary-hover: #122d56;--color-bg: #ffffff;--color-bg-alt: #f5f6f8;--color-text: #1a1a2e;--color-text-muted: #64748b;--color-border: #e2e8f0;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .1);--nav-height: 64px;--max-width: 1100px;--section-padding: 96px 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3,h4{line-height:1.2;font-weight:700;color:var(--color-text)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.2rem}p{color:var(--color-text-muted);line-height:1.75}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding)}.section--alt{background:var(--color-bg-alt)}.section__header{margin-bottom:56px;text-align:center}.section__header h2{margin-bottom:12px}.section__header p{max-width:600px;margin:0 auto}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#fffffff2;backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100}.nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__logo{font-weight:700;font-size:1.2rem;color:var(--color-primary);letter-spacing:-.02em;flex-shrink:0}.nav__links{display:flex;align-items:center;gap:32px}.nav__links a{font-size:.9rem;font-weight:500;color:var(--color-text-muted);transition:color .2s}.nav__links a:hover{color:var(--color-primary)}.nav__cta{background:var(--color-primary);color:#fff!important;padding:8px 18px;border-radius:var(--radius);font-weight:600!important;font-size:.875rem!important;transition:background .2s!important}.nav__cta:hover{background:var(--color-primary-hover)!important;color:#fff!important}.nav__hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.nav__hamburger span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:all .25s}@media(max-width:767px){.nav__hamburger{display:flex}.nav__links{display:none;position:absolute;top:var(--nav-height);left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:#fff;border-bottom:1px solid var(--color-border);padding:16px 24px;box-shadow:var(--shadow)}.nav__links.is-open{display:flex}.nav__links a{width:100%;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:1rem!important}.nav__links a:last-child{border-bottom:none}.nav__cta{background:none!important;color:var(--color-primary)!important;padding:12px 0!important;border-radius:0!important}}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:.95rem;transition:all .2s;cursor:pointer;border:2px solid transparent;text-decoration:none}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:#fff}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:28px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card__icon{width:44px;height:44px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card__icon svg{width:22px;height:22px;color:var(--color-primary)}.card h3{margin-bottom:8px;color:var(--color-text)}.card p{font-size:.9rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1023px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:64px 24px}}.hero{padding:calc(var(--nav-height) + 80px) 24px 96px;text-align:center}.hero__inner{max-width:760px;margin:0 auto}.hero__badge{display:inline-block;background:#eef2ff;color:var(--color-primary);font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:100px;margin-bottom:24px;letter-spacing:.02em;text-transform:uppercase}.hero h1{margin-bottom:20px;letter-spacing:-.02em}.hero__subtitle{font-size:1.15rem;color:var(--color-text-muted);margin-bottom:16px;max-width:600px;margin-left:auto;margin-right:auto}.hero__text{font-size:1rem;color:var(--color-text-muted);margin-bottom:40px;max-width:560px;margin-left:auto;margin-right:auto}.hero__actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about__content h2{margin-bottom:24px}.about__content p{margin-bottom:16px}.about__content p:last-child{margin-bottom:0}.about__stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stat{background:var(--color-bg-alt);border-radius:var(--radius);padding:24px;text-align:center}.stat__number{font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:8px}.stat__label{font-size:.875rem;color:var(--color-text-muted)}@media(max-width:767px){.about__grid{grid-template-columns:1fr;gap:40px}}.skills__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.skill-tag{background:#eef2ff;color:var(--color-primary);font-size:.82rem;font-weight:500;padding:4px 12px;border-radius:100px}.project-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px;transition:box-shadow .2s,transform .2s}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.project-card__num{font-size:.75rem;font-weight:700;color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;opacity:.6}.project-card h3{margin-bottom:6px}.project-card__subtitle{font-size:.875rem;font-weight:600;color:var(--color-primary-light);margin-bottom:12px}.project-card p{font-size:.9rem}.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.contact__info h2{margin-bottom:16px}.contact__info>p{margin-bottom:32px}.contact__list{display:flex;flex-direction:column;gap:20px}.contact__item{display:flex;align-items:center;gap:14px}.contact__item-icon{width:40px;height:40px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact__item-icon svg{width:18px;height:18px;color:var(--color-primary)}.contact__item-text{font-size:.9rem}.contact__item-text strong{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.contact__item-text a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.contact__item-text a:hover{color:var(--color-primary-hover)}.contact__cta-box{background:var(--color-primary);border-radius:12px;padding:40px;color:#fff}.contact__cta-box h3{color:#fff;font-size:1.3rem;margin-bottom:12px}.contact__cta-box p{color:#ffffffbf;margin-bottom:28px}.contact__cta-box .btn--outline{color:#fff;border-color:#ffffff80}.contact__cta-box .btn--outline:hover{background:#ffffff26;color:#fff;border-color:#fff}@media(max-width:767px){.contact__inner{grid-template-columns:1fr;gap:40px}}.footer{background:var(--color-text);color:#fff9;padding:32px 24px;text-align:center;font-size:.875rem}.footer strong{color:#fff}
