:root{--color-text:#333;--color-text-muted:#666;--color-bg:#fff;--color-border:#e5e5e5;--color-primary:#111;--color-primary-hover:#333;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--container-max:1200px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);line-height:1.6}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:var(--container-max);padding:0 24px}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height);position:sticky;top:0;z-index:100}.header__inner{align-items:center;display:flex;height:100%;justify-content:space-between}.header__logo{color:var(--color-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.header__burger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.header__burger span{background:var(--color-primary);display:block;height:2px;transition:transform .2s,opacity .2s;width:24px}.header__burger.active span:first-child{transform:translateY(7px) rotate(45deg)}.header__burger.active span:nth-child(2){opacity:0}.header__burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__list{display:flex;gap:8px;list-style:none}.lang-switcher{display:flex;gap:4px;margin-left:16px}.lang-switcher__link{border-radius:4px;color:var(--color-text-muted);display:block;font-size:.8125rem;font-weight:600;padding:4px 10px;transition:background .15s,color .15s}.lang-switcher__link:hover{background:#f5f5f5;color:var(--color-primary)}.lang-switcher__link--active{background:var(--color-primary);color:#fff}.lang-switcher__link--active:hover{background:var(--color-primary-hover);color:#fff}.nav__item{position:relative}.nav__link{border-radius:6px;color:var(--color-text);display:block;font-size:.9375rem;font-weight:500;padding:8px 16px;transition:background .15s,color .15s}.nav__link:hover{background:#f5f5f5;color:var(--color-primary)}.nav__dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #00000014;display:none;left:0;list-style:none;min-width:200px;padding:8px 0;position:absolute;top:100%;z-index:10}.nav__item--has-children:hover .nav__dropdown{display:block}.nav__dropdown-link{color:var(--color-text);display:block;font-size:.875rem;padding:8px 20px;transition:background .15s,color .15s}.nav__dropdown-link:hover{background:#f5f5f5;color:var(--color-primary)}.footer{border-top:1px solid var(--color-border);margin-top:64px;padding:32px 0}.footer__inner{align-items:center;justify-content:space-between}.footer__inner,.footer__nav{display:flex;gap:24px}.footer__link{color:var(--color-text-muted);font-size:.875rem;transition:color .15s}.footer__link:hover{color:var(--color-primary)}.footer__copy{color:var(--color-text-muted);font-size:.8125rem}@media(max-width:768px){.header__burger{display:flex}.nav{background:var(--color-bg);bottom:0;display:none;left:0;overflow-y:auto;padding:24px;position:fixed;right:0;top:var(--header-height);z-index:99}.nav.open{display:block}.nav__list{flex-direction:column;gap:0}.nav__link{border-bottom:1px solid var(--color-border);border-radius:0;font-size:1.125rem;padding:12px 0}.nav__link:hover{background:none}.nav__dropdown{border:none;box-shadow:none;display:block;padding:0 0 0 16px;position:static}.nav__dropdown-link{border-bottom:1px solid var(--color-border);padding:10px 0}.nav__dropdown-link:hover{background:none}.lang-switcher{margin-left:0;margin-right:auto}.footer__inner{flex-direction:column;text-align:center}.footer__nav{flex-wrap:wrap;justify-content:center}}.hero{align-items:center;background-color:red;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;min-height:400px;padding:60px 40px;position:relative}.hero__content{max-width:800px}.hero--align-center{justify-content:center;text-align:center}.hero--align-center .hero__content{margin:0 auto}.hero--align-right{justify-content:flex-end;text-align:right}.hero__title{font-size:2.5rem;font-weight:700;margin-bottom:16px}.hero__subtitle{font-size:1.25rem;margin-bottom:24px;opacity:.9}.hero__cta{background:#fff;border-radius:4px;color:#333;display:inline-block;font-weight:600;padding:12px 32px;transition:opacity .2s}.hero__cta:hover{opacity:.9}
