*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;background:#f8f9fa;color:#111}.header{width:100%;height:64px;background:#fff;border-bottom:1px solid #e5e7eb}.header__container{max-width:1200px;height:100%;margin:0 auto;display:flex;align-items:center;padding:0 24px}.header__logo{height:24px;width:auto}.header__container img{width:120px;height:24px;flex-shrink:0}@media (max-width:768px){.header__container{max-width:768px;padding:0 16px}}@media (max-width:360px){.header__container{max-width:360px;padding:0 12px}}@media (max-width:288px){.header__container{max-width:100%;padding:0 8px}}.banner{width:100%;background:linear-gradient(135deg,#3668f6,#2300e6)}.banner__container{max-width:1200px;margin:0 auto;padding:64px 24px;color:#fff}.banner__title{font-size:32px;font-weight:700;margin-bottom:12px}.banner__subtitle{font-size:16px;opacity:.9}@media (max-width:768px){.banner__container{max-width:768px;padding:0 16px}}@media (max-width:360px){.banner__container{max-width:360px;padding:0 12px}}@media (max-width:288px){.banner__container{max-width:100%;padding:0 8px}}