/* Original visual identity; the approved layout and controls stay in place. */
.olympiadnik-emblem{background:#3f59d8;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff30}
.olympiadnik-logo{color:#17223b}
#MainBlock{background:#10172b}
#MainBlock{isolation:isolate}
#MainBlock .top{z-index:2}
#MainBlock:before{z-index:1;pointer-events:none}
#MainBlock .hero-code-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;opacity:.38;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 77%,transparent 100%)}
#MainBlock .hero-code-background:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 45% at 50% 37%,#10172bf2 10%,#10172bba 55%,#10172b20 100%)}
#MainBlock .hero-code-wall{position:absolute;top:-170px;left:50%;display:grid;grid-template-columns:repeat(3,470px);gap:38px;width:1486px;transform:translateX(-50%) rotate(-9deg);transform-origin:center 250px}
#MainBlock .hero-code-column{margin:0;white-space:pre;font:500 13px/23px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05px;color:#7f9fbf;background:none;border:none;text-align:left}
#MainBlock .cpp-keyword{color:#b1a0eb}
#MainBlock .cpp-type{color:#7cc9d1}
#MainBlock .cpp-number{color:#c0d898}
#MainBlock .cpp-string{color:#9fc7a1}
#MainBlock .cpp-comment{color:#5f8396}
#MainBlock .cpp-preprocessor{color:#99b6db}
#MainBlock .hero-code-column:nth-child(2){transform:translateY(110px)}
#MainBlock .hero-code-column:nth-child(3){transform:translateY(-55px)}
#MainBlock:before{background:linear-gradient(180deg,#10172b 0%,#3e5984 38%,#a6c9c7 72%,#fff 100%);height:260px}
#MainBlock h1{font-size:70px;line-height:.96;max-width:970px;letter-spacing:-1.4px}
#MainBlock h1>span{background:#3f59d8;font-size:20px}
#MainBlock .advantages>p{background:#ffffff13;border:1px solid #ffffff0d;color:#e0e5f1}
#MainBlock .newadvantages{margin-top:32px;gap:12px;width:780px;max-width:calc(100% - 40px)}
#MainBlock .newadvantages__item img{max-width:132px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 15px #0002)}
#MainBlock .newadvantages__item p{color:#e7ebf6;white-space:pre-line;line-height:20px}
#MainBlock .benefit-icon-frame{display:grid;place-items:center;flex-shrink:0;width:118px;height:118px;padding:9px;border-radius:25px;border:1px solid #879bd750;background:linear-gradient(145deg,#445e94,#243457 66%,#1b294b);box-shadow:inset 1px 2px 2px #cfddff45,inset -2px -3px 3px #07132780,0 6px 0 #14213b,0 14px 24px #0003;transform:perspective(600px) rotateY(-8deg) rotateZ(-4deg)}
#MainBlock .benefit-icon-frame-2{background:linear-gradient(145deg,#3e6279,#253d55 68%,#1a2c44);transform:perspective(600px) rotateY(-8deg) rotateZ(4deg)}
#MainBlock .benefit-icon-frame-3{background:linear-gradient(145deg,#4f5e99,#2e365b 68%,#202843);transform:perspective(600px) rotateY(-8deg) rotateZ(-3deg)}
#MainBlock .benefit-icon-frame-4{background:linear-gradient(145deg,#4a626a,#263d50 68%,#1c2d43);transform:perspective(600px) rotateY(-8deg) rotateZ(4deg)}
#MainBlock .benefit-icon-frame img{display:block;width:100px;max-width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 5px #0004)}
.mainblockwrapper[data-astro-cid-qqrytad5]{margin-bottom:-80px}
#MainBlock .bottom{border:1px solid #e6eaf1;box-shadow:0 12px 40px #21334d10}
#benefits .block__step{background:#f2f5f8;border:1px solid #e9edf3}
#benefits .block__step_1{background:#14213e;border-color:#14213e}
#benefits .block__step_1 .block__text{color:#bac7dd}
#benefits .block__img{width:100%;max-height:330px;object-fit:contain;bottom:-12px;filter:drop-shadow(0 20px 15px #080f2730)}
#benefits .block__number_right,#benefits .block__bullet_right,#benefits .block__number{color:#3f59d8}
#benefits .block__step_1 .block__number{color:#c5d5f7}
#benefits .block__text{color:#6c778b}
#team ._preview__right_active_1a0pg_122{background:linear-gradient(165deg,#e2eafa 15%,#a9bdf0 62%,#6c8dea 100%)!important}
#team ._teacher__expert_1a0pg_306{background:#eef3e6;color:#4b6435;white-space:nowrap}
#team ._preview__subject_active_1a0pg_235{background:#edf1fa;color:#3f59d8}
#team ._teacher__point_1a0pg_333 img{background:#d7e3f7!important}
#courses .card__wrap{padding:22px;border-radius:17px}
#courses .card{border-radius:21px;padding:2px}
#courses [data-course-level="base"] .card__subj{background:#edf5e5!important;color:#4e6933!important}
#courses [data-course-level="pro"] .card__subj{background:#ebeffc!important;color:#3f59d8!important}
#courses .card__title{font-size:28px}
#courses .card__button{border-radius:12px}
#form .block__teacher_newbg{object-fit:contain;filter:drop-shadow(0 20px 20px #1a3b5d1a)}
#form .block__rock,#form .block__grass,#form .block__glass,#form .block__flower{opacity:.55;filter:none}
.prototype-footer{padding-top:30px;border-top:1px solid #e6ebf1;align-items:center}
.footer-description{font-size:12px;color:#7c8698;max-width:230px;line-height:1.5}
@media(max-width:1024px){
  #MainBlock .hero-code-background{opacity:.29}
  #MainBlock .hero-code-wall{top:-30px;grid-template-columns:repeat(3,340px);width:1080px;gap:30px;transform:translateX(-50%) rotate(-9deg)}
  #MainBlock .hero-code-column{font-size:10px;line-height:20px}
  #MainBlock .hero-code-background:after{background:radial-gradient(ellipse 65% 40% at 50% 28%,#10172bf2 0%,#10172b9c 64%,#10172b20 100%)}
  #MainBlock h1{font-size:40px;line-height:38px;max-width:360px;letter-spacing:-.8px}
  #MainBlock h1>span{font-size:13px;line-height:18px;white-space:normal;max-width:calc(100vw - 36px);padding:7px 10px}
  #MainBlock .newadvantages{gap:20px 6px;margin-top:22px;width:100%;max-width:400px}
  #MainBlock .newadvantages__item{width:calc(50% - 14px);max-width:185px;gap:4px}
  #MainBlock .newadvantages__item img{max-width:112px;height:96px}
  #MainBlock .benefit-icon-frame{width:104px;height:104px;padding:6px;border-radius:22px;margin-bottom:9px}
  #MainBlock .benefit-icon-frame img{width:92px;max-width:92px;height:92px}
  #MainBlock .newadvantages__item p{font-size:12px;line-height:17px}
  #MainBlock:before{height:230px;background:linear-gradient(180deg,#10172b,#739da5 35%,#e4efed 62%,#fff 86%)}
  .mainblockwrapper[data-astro-cid-qqrytad5]{margin-bottom:0}
  #benefits .block__imgmob{max-height:210px;object-fit:contain}
  #courses .card__wrap{padding:17px}
  #form .block__teacher_newbg{max-height:340px;object-fit:contain}
  .footer-description{max-width:none;width:100%}
}

/* Keep all four benefits together in a desktop side panel or on a tablet. */
@media(min-width:560px) and (max-width:1024px){
  #MainBlock .newadvantages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;width:760px;max-width:calc(100% - 32px);align-items:start}
  #MainBlock .newadvantages__item{width:100%;max-width:none;min-width:0}
  #MainBlock .newadvantages__item p{font-size:12px;line-height:18px}
}
@media(max-width:559px){
  #MainBlock .newadvantages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;width:100%;max-width:400px;padding:0 12px;align-items:start}
  #MainBlock .newadvantages__item{width:100%;max-width:none;min-width:0}
  #MainBlock .benefit-icon-frame{width:96px;height:96px;margin-bottom:6px}
  #MainBlock .benefit-icon-frame img{width:86px;max-width:86px;height:86px}
}