:root{--white2:#fff;--white:#fff;--black:#272333;--black2:#272333;--black3:#30243b77;--blueviolet:#8150cb}
#site-header{position:relative;top:0;left:auto;display:block;width:100%;padding:20px 0 0;border:0;background:transparent;border-radius:0;z-index:20}
#site-header .container{width:calc(100% - 64px);max-width:1400px;margin:auto}#site-header .header-body{display:flex}#site-header .header-logo{display:flex}#site-header .header-logo img{width:86px;height:34px}#site-header ul{list-style:none;margin:0;padding:0}#site-header nav{font-size:18px;gap:0}#site-header .header-actions{display:flex;align-items:center}#site-header a{font-weight:400}#site-header .header-actions a{white-space:nowrap}#site-header .menu a{color:#272333}#site-header .menu a.btn-register{color:white}
.crumb{justify-content:flex-start;align-items:center;padding-top:27px}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:50px;padding:0 0 27px;min-height:340px}h1{max-width:690px;font-size:48px;line-height:1.08;margin:16px 0 18px}.intro{max-width:625px;font-size:18px;line-height:1.5}.grammar-hero-art{display:flex;justify-content:center;align-items:center;align-self:end}.grammar-hero-art img{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:1}.grammar-about{margin:34px 0;padding:25px 28px;background:white;border:1px solid #eae4f1;border-radius:16px}.grammar-about h2{font-size:27px;margin:0 0 18px}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.about-grid h3{font-size:18px;margin:0 0 9px}.about-grid p{font-size:15px;line-height:1.6;color:#6b6077;margin:0}.about-grid a{color:#7943ba;text-decoration:underline;text-underline-offset:3px}body:not(.js-ready) .save,body:not(.js-ready) .filters,body:not(.js-ready) .search{display:none}
@media(min-width:993px){#site-header #rlc-main-menu{background:transparent;height:auto;position:static}#site-header .menu ul{gap:15px}#site-header .menu ul li a{font-size:16px}#site-header .header-actions .btn-register{padding:12px 18px;font-size:16px}#site-header .header-actions .btn-login{padding:12px 20px;font-size:16px}}
@media(max-width:992px){#site-header .menu.active{z-index:10}#site-header .burger{z-index:12}#site-header .menu ul{margin:95px auto 0;padding:35px 20px 20px;width:min(540px,100%);gap:20px}#site-header nav>a:nth-child(2){display:initial}.hero-grid{gap:24px;min-height:0}h1{font-size:39px}.intro{font-size:17px}.grammar-hero-art img{max-width:310px}}
@media(max-width:768px){#site-header{padding:12px 0 0}#site-header .container{width:calc(100% - 32px)}#site-header .header-actions{display:none}#site-header .header-logo img{width:76px;height:30px}#site-header .header-body{padding:7px 15px}#site-header .menu ul{margin-top:85px}.crumb{padding-top:23px;gap:8px}.hero-grid{grid-template-columns:1fr;gap:10px;padding-bottom:12px}h1{font-size:36px;max-width:460px}.intro{font-size:16px}.grammar-hero-art img{max-width:245px}.hero-meta{margin-top:18px}.grammar-hero-art{justify-content:center}.about-grid{grid-template-columns:1fr;gap:20px}.grammar-about{padding:23px;margin:24px 0}.grammar-about h2{font-size:24px}}