:root{--primary: #5896bc;--primary-dark: #3a6f99;--primary-darker: #2d5578;--primary-light: #a8cde0;--primary-xlight: #e8f4fb;--white: #ffffff;--text-dark: #1a2332;--text-medium: #4a5568;--text-light: #718096;--bg-light: #f8fafc;--border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--radius: 12px;--radius-sm: 8px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-dark);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition)}.header.scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.header__inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;justify-content:space-between}.header__brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--text-dark)}.header__logo{width:40px;height:40px;border-radius:50%}.header__nav{display:flex;align-items:center;gap:.5rem}.header__nav-link{padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--text-medium);font-size:.9375rem;font-weight:500;transition:color var(--transition),background var(--transition)}.header__nav-link:hover{color:var(--primary);background:var(--primary-xlight)}.header__cta{padding:.5rem 1.25rem;background:var(--primary);color:var(--white)!important;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;transition:background var(--transition),transform var(--transition)}.header__cta:hover{background:var(--primary-dark)!important;transform:translateY(-1px)}.header__menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.header__menu-btn span{display:block;width:24px;height:2px;background:var(--text-dark);border-radius:2px;transition:all var(--transition)}.header__mobile-nav{display:none;flex-direction:column;background:var(--white);border-top:1px solid var(--border);padding:1rem 2rem;gap:.25rem}.header__mobile-nav.open{display:flex}.header__mobile-link{padding:.75rem 0;color:var(--text-medium);font-weight:500;border-bottom:1px solid var(--border)}.header__mobile-link:last-child{border-bottom:none;color:var(--primary);font-weight:600}@media(max-width:768px){.header__nav{display:none}.header__menu-btn{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#ffffff 0%,var(--primary-xlight) 60%,#d4eaf7 100%);padding-top:72px}.hero__inner{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-xlight);color:var(--primary-dark);border:1px solid var(--primary-light);padding:.375rem 1rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.02em}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.hero__title{font-size:clamp(2.25rem,4vw,3.5rem);font-weight:800;line-height:1.15;color:var(--text-dark);margin-bottom:1.5rem;letter-spacing:-.02em}.hero__title span{color:var(--primary)}.hero__subtitle{font-size:1.125rem;color:var(--text-medium);line-height:1.7;margin-bottom:2.5rem;max-width:520px}.hero__actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;transition:all var(--transition);cursor:pointer;border:none;text-decoration:none}.btn--primary{background:var(--primary);color:var(--white);box-shadow:0 4px 14px #5896bc66}.btn--primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #5896bc80}.btn--outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn--outline:hover{background:var(--primary-xlight);transform:translateY(-2px)}.hero__visual{display:flex;justify-content:center;align-items:center}.hero__logo-wrap{position:relative;display:flex;justify-content:center;align-items:center}.hero__logo-ring{position:absolute;width:380px;height:380px;border-radius:50%;border:2px dashed var(--primary-light);animation:spin 20s linear infinite;opacity:.5}.hero__logo-ring-2{width:300px;height:300px;border:1px solid var(--primary-light);animation-direction:reverse;animation-duration:15s;opacity:.3}.hero__logo-img{width:220px;height:220px;border-radius:50%;box-shadow:var(--shadow-lg),0 0 60px #5896bc33;position:relative;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__subtitle{max-width:100%}.hero__actions{justify-content:center}.hero__visual{order:-1}.hero__logo-img{width:160px;height:160px}.hero__logo-ring{width:260px;height:260px}.hero__logo-ring-2{width:210px;height:210px}.hero__badge{margin:0 auto 1.5rem}}.section{padding:5rem 2rem}.section__inner{max-width:1200px;margin:0 auto}.section__header{text-align:center;margin-bottom:3.5rem}.section__label{display:inline-block;color:var(--primary);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem}.section__title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--text-dark);letter-spacing:-.02em;margin-bottom:1rem}.section__desc{font-size:1.0625rem;color:var(--text-medium);max-width:560px;margin:0 auto;line-height:1.7}.header__lang-btn{padding:.375rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-medium);font-size:.8125rem;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.05em;transition:all var(--transition)}.header__lang-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-xlight)}.header__mobile-lang{background:none;border:none;font-family:inherit;font-size:inherit;text-align:left;cursor:pointer;width:100%;color:var(--primary);font-weight:600}.services{background:var(--bg-light)}.services__roles-label{font-size:1rem;font-weight:700;color:var(--text-medium);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.role-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;transition:all var(--transition);position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transition:transform var(--transition);transform-origin:left}.role-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}.role-card:hover:before{transform:scaleX(1)}.role-card__icon{width:48px;height:48px;background:var(--primary-xlight);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin-bottom:1rem}.role-card__title{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:.625rem}.role-card__desc{color:var(--text-medium);line-height:1.7;font-size:.9rem}.role-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:var(--primary-xlight);color:var(--primary-dark);padding:.25rem .75rem;border-radius:100px;font-size:.8125rem;font-weight:500}.tag--more{background:transparent;color:var(--text-light);border:1.5px dashed var(--border);font-weight:400}@media(max-width:1024px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.roles-grid{grid-template-columns:1fr}}.services__sub-label{font-size:.875rem;font-weight:700;color:var(--text-medium);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.services__sub-label--spaced{margin-top:3.5rem}.services__roles-label{font-size:.875rem;font-weight:700;color:var(--text-medium);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.experience-card{background:var(--white);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius);padding:1.5rem}.experience-card__icon{width:44px;height:44px;background:var(--primary-xlight);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0}.experience-card__area{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:.625rem}.experience-card__desc{font-size:.9rem;color:var(--text-medium);line-height:1.7;margin-bottom:1rem}.experience-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:1024px){.experience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.experience-grid{grid-template-columns:1fr}}.appdev{background:var(--bg-light)}.process-list{display:flex;flex-direction:column;gap:0;max-width:820px;margin:0 auto}.process-step{display:flex;gap:1.5rem;align-items:flex-start}.process-step__left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px}.process-step__number{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--white);font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.process-step__line{width:2px;flex:1;min-height:2rem;background:var(--primary-light);margin:.35rem 0}.process-step__body{padding-bottom:2.5rem;flex:1}.process-step__icon{margin-bottom:.6rem;opacity:.85}.process-step__title{font-size:1.05rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.process-step__desc{font-size:.95rem;color:var(--text-medium);line-height:1.7}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.portfolio-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition);border-top:3px solid var(--primary)}.portfolio-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.portfolio-card__title{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:.6rem}.portfolio-card__desc{font-size:.9rem;color:var(--text-medium);line-height:1.6;margin-bottom:1rem}.portfolio-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr}}.hero__service-btns{display:flex;gap:.75rem;flex-wrap:wrap}@media(max-width:480px){.hero__service-btns{flex-direction:column;width:100%}.hero__service-btns .btn{width:100%;text-align:center}}.about{background:var(--white)}.about__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about__label{display:inline-block;color:var(--primary);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem}.about__title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--text-dark);letter-spacing:-.02em;margin-bottom:1.5rem}.about__text{color:var(--text-medium);line-height:1.8;font-size:1.0625rem;margin-bottom:1rem}.about__highlights{margin-top:2rem;display:flex;flex-direction:column;gap:.875rem}.about__highlight{display:flex;align-items:center;gap:.75rem;color:var(--text-medium);font-size:.9375rem}.about__highlight-icon{width:28px;height:28px;border-radius:50%;background:var(--primary-xlight);display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.about__visual{display:flex;justify-content:center}.about__card{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;text-align:center;max-width:360px;width:100%}.about__avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 1.5rem;box-shadow:var(--shadow-md)}.about__name{font-size:1.375rem;font-weight:700;color:var(--text-dark);margin-bottom:.375rem}.about__role{color:var(--primary);font-weight:600;font-size:.9375rem;margin-bottom:1.5rem}.about__stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1.5rem}.about__stat{text-align:center}.about__stat-number{font-size:1.75rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:.375rem}.about__stat-label{font-size:.8125rem;color:var(--text-light)}@media(max-width:900px){.about__inner{grid-template-columns:1fr;gap:3rem}.about__visual{order:-1}}.contact{background:var(--primary);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:var(--white)}.contact__inner{max-width:900px;margin:0 auto;text-align:center}.contact__label{display:inline-block;color:var(--primary-light);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem}.contact__title{font-size:clamp(1.75rem,3vw,2.75rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.contact__desc{font-size:1.0625rem;color:#fffc;line-height:1.7;margin-bottom:3rem;max-width:560px;margin-left:auto;margin-right:auto}.contact__methods{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:3rem}.contact__method{display:flex;align-items:center;gap:.75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);padding:1rem 1.5rem;border-radius:var(--radius);transition:background var(--transition),transform var(--transition);min-width:220px}.contact__method:hover{background:#fff3;transform:translateY(-2px)}.contact__method-icon{font-size:1.5rem;flex-shrink:0}.contact__method-text{text-align:left}.contact__method-label{font-size:.8125rem;opacity:.75;margin-bottom:.125rem}.contact__method-value{font-weight:600;font-size:.9375rem}.contact__cta{background:var(--white);color:var(--primary-dark)}.contact__cta:hover{background:var(--primary-xlight);color:var(--primary-darker);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.footer{background:var(--text-dark);color:#ffffffb3;padding:3rem 2rem}.footer__inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer__brand{display:flex;align-items:center;gap:.75rem;color:var(--white);font-weight:700}.footer__logo{width:32px;height:32px;border-radius:50%}.footer__copy{font-size:.875rem}.footer__links{display:flex;gap:1.5rem}.footer__link{font-size:.875rem;transition:color var(--transition)}.footer__link:hover{color:var(--white)}@media(max-width:600px){.footer__inner{flex-direction:column;text-align:center}}