/* Kazachiy Diktant 2026 — responsive visual redesign. Original hero artwork preserved. */
:root{--kd-navy:#091b37;--kd-blue:#153d72;--kd-accent:#e9a94a;--kd-paper:#f3f6fb;--kd-text:#152744;--kd-border:#dbe3ee;--kd-shadow:0 20px 60px rgba(10,31,62,.12)}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{overflow-x:hidden;font-family:Rubik,Arial,sans-serif}a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4bc67;outline-offset:3px}
.HeaderMenu{width:min(1440px,calc(100% - 36px));top:16px;padding:12px 17px;border-radius:20px;background:rgba(8,23,47,.82);border:1px solid rgba(255,255,255,.20);box-shadow:0 10px 36px rgba(1,11,30,.20);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .2s,top .2s,box-shadow .2s}
.HeaderMenu.scrolled{top:8px;background:rgba(8,23,47,.97);border-radius:18px;box-shadow:0 15px 40px rgba(4,15,36,.23)}
.HeaderMenu .menu-content{gap:12px;align-items:center;justify-content:space-between}.HeaderMenu .LeftBlockMenu{flex-wrap:wrap;gap:3px 5px}.HeaderMenu .RightBlockMenu{flex-shrink:0}
.HeaderMenu .LeftBlockMenu a,.HeaderMenu .RightBlockMenu a{font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;padding:12px 13px;border-radius:11px;color:#f5f8ff;transition:background .2s,color .2s,transform .2s}
.HeaderMenu .LeftBlockMenu a:hover{background:rgba(255,255,255,.12);transform:none}.HeaderMenu .RightBlockMenu a,.HeaderMenu .RightBlockMenu a.cabinet-button,.HeaderMenu .RightBlockMenu a#loginTrigger{background:var(--kd-accent);color:#172036!important;border:0;border-radius:12px;padding:13px 18px;font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:700;white-space:nowrap}.HeaderMenu .RightBlockMenu a:hover{background:#ffd18a;transform:translateY(-1px)}
.layers{background:#081b35;isolation:isolate}.layers__container{position:relative}.NewIntro_root{min-height:680px;min-height:100svh;height:auto;padding:150px 24px 100px;background:linear-gradient(110deg,rgba(4,16,37,.18),rgba(10,29,61,.18))}.NewIntro_root::before{background-image:linear-gradient(90deg,rgba(5,15,35,.42),rgba(7,20,45,.18)),url('../img/scale_1200.jpg');background-position:center;background-size:cover;opacity:.83}.VideoLogo_container{opacity:.58;pointer-events:none}.NewIntro_center-container{max-width:980px;margin:0 auto}.hero-content{padding:20px 16px;text-shadow:0 5px 30px rgba(0,0,0,.32)}.hero-content h1{font-family:Rubik,Arial,sans-serif!important;font-size:clamp(13px,1.6vw,18px)!important;letter-spacing:.18em;line-height:1.7;font-weight:600;max-width:740px;margin:0 auto 21px;color:#eaf1ff}.hero-content span{display:block;font-family:BuyanBold,Rubik,Arial,sans-serif;line-height:1.05!important;font-size:clamp(54px,9vw,124px)!important;letter-spacing:.01em;color:#fff}.hero-content span:last-child{color:#f6c16e;font-family:Rubik,Arial,sans-serif;font-size:clamp(37px,6vw,76px)!important;font-weight:800;letter-spacing:.14em;margin-top:8px}.StickerButtons_center-text{position:relative;z-index:15;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.LinkButton_button{border-radius:13px!important}
.layers2{background:linear-gradient(180deg,#f5f7fb,#ecf2f9);padding:90px 24px}.faq-wrapper{max-width:1160px;margin:0 auto;padding:0;align-items:center;gap:55px}.faq-left{min-width:0}.BlokQuestions{background:#fff;border:1px solid var(--kd-border);border-radius:24px;padding:12px 24px;margin:0;box-shadow:var(--kd-shadow)}.faq-item{border-bottom:1px solid #e7edf5;padding:10px 0}.faq-item:last-child{border-bottom:0}.faq-question{color:var(--kd-text);font-family:Rubik,Arial,sans-serif;font-size:clamp(15px,1.4vw,18px)!important;font-weight:600;line-height:1.5;min-height:50px;display:flex;align-items:center;gap:10px}.faq-question span{line-height:1.5}.faq-answer{font-family:Rubik,Arial,sans-serif;font-size:15px!important;line-height:1.7;color:#566782}.faq-right{min-height:460px;max-width:100%;background-size:contain}
.layers3{background:#fff;padding:80px 24px 100px}.layers3>h1{font-family:Rubik,Arial,sans-serif!important;font-weight:750;font-size:clamp(28px,4vw,44px)!important;line-height:1.18;color:var(--kd-navy);text-align:center;margin:0 auto 30px;max-width:900px}.container_form{max-width:640px;margin:0 auto 28px;background:#f3f6fb;border:1px solid var(--kd-border);border-radius:18px;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.container_form label{font:600 15px Rubik,Arial,sans-serif;color:var(--kd-navy)}.container_form select{flex:1;min-width:min(100%,210px);background:#fff;border:1px solid #cad6e5;border-radius:11px;padding:12px 14px;color:var(--kd-text);font:500 15px Rubik,Arial,sans-serif;min-height:47px}.form_region{max-width:1160px;margin:0 auto;width:100%}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,315px),1fr));gap:20px;padding:0}.cards-container .card{width:auto;max-width:none;min-width:0;margin:0;background:#fff;border:1px solid var(--kd-border);border-radius:20px;padding:25px;box-shadow:0 9px 26px rgba(15,44,78,.07);transition:transform .2s,box-shadow .2s}.cards-container .card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(15,44,78,.12)}.card-title{font:700 clamp(18px,2vw,23px)/1.35 Rubik,Arial,sans-serif!important;color:var(--kd-navy);overflow-wrap:anywhere}.card-field{border-bottom:1px solid #edf1f6;padding:12px 0}.card-field:last-child{border-bottom:none}.card-label{font:500 12px/1.4 Rubik,Arial,sans-serif!important;color:#76869e}.card-value{font:500 14px/1.5 Rubik,Arial,sans-serif!important;color:var(--kd-text);overflow-wrap:anywhere}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px}.pagination a,.pagination span{border-radius:10px!important;font-family:Rubik,Arial,sans-serif!important;font-size:13px!important;padding:11px 14px!important}.pagination .current{background:var(--kd-blue)!important;color:white!important}
.modal{z-index:2000}.modal-content{box-sizing:border-box;width:min(510px,calc(100vw - 26px));max-width:calc(100vw - 26px);padding:clamp(20px,4vw,36px);border-radius:23px!important;box-shadow:0 35px 95px rgba(4,19,39,.3)}.modal-content h1,.modal-content h3{font-family:Rubik,Arial,sans-serif!important;font-weight:750;font-size:clamp(24px,4vw,31px)!important;line-height:1.2!important}.modal-content input,.modal-content select,.modal-content textarea{min-height:46px;border-radius:11px!important;font-family:Rubik,Arial,sans-serif;font-size:16px!important}.modal-content .button,.modal-content .entrance{min-height:46px;border-radius:11px!important;background:var(--kd-blue)!important;color:#fff;font-family:Rubik,Arial,sans-serif!important;font-size:15px!important;font-weight:600}.modal-content .button:hover{background:#225da2!important}
#help{z-index:1050}#help img{width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.17))}
#simple-form,#yur-form{background:linear-gradient(150deg,#eaf1f9,#f8fafd);padding:120px 18px 55px}#simple-form h1,#yur-form h1,.help-container h1{font-family:Rubik,Arial,sans-serif;color:var(--kd-navy);font-size:clamp(25px,4vw,40px);line-height:1.2}#simple-form form,#yur-form form{max-width:680px;width:100%;margin-inline:auto}#simple-form input,#simple-form select,#yur-form input,#yur-form select{min-height:44px;border-radius:10px;font-size:16px}
@media(max-width:1200px){.HeaderMenu{width:calc(100% - 24px)}.HeaderMenu .LeftBlockMenu a{font-size:12px;padding:10px 9px}.HeaderMenu .RightBlockMenu a{padding:11px 13px!important;font-size:12px!important}}
@media(max-width:980px){.HeaderMenu,.HeaderMenu.scrolled{width:calc(100% - 24px);top:10px;padding:13px 16px;border-radius:16px;min-height:65px;justify-content:flex-end}.burger-menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:40px;align-self:flex-end;cursor:pointer;z-index:1101;padding:8px;border:0;background:rgba(255,255,255,.08);border-radius:10px}.burger-menu span{height:2px;width:100%;background:#fff}.menu-content{display:none!important;position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;flex-direction:column!important;align-items:stretch!important;padding:13px!important;background:rgba(8,25,51,.98);border:1px solid rgba(255,255,255,.13);border-radius:17px;box-shadow:0 20px 50px rgba(4,15,38,.25);max-height:calc(100dvh - 94px);overflow-y:auto}.menu-content.active{display:flex!important}.HeaderMenu .LeftBlockMenu,.HeaderMenu .RightBlockMenu{display:flex;flex-direction:column;width:100%;gap:3px;margin:0;align-items:stretch}.HeaderMenu .LeftBlockMenu a,.HeaderMenu .RightBlockMenu a{display:block;width:100%;font-size:14px!important;padding:13px 14px!important;text-align:left}.HeaderMenu .RightBlockMenu{padding-top:8px}.HeaderMenu .RightBlockMenu a{text-align:center}.faq-wrapper{gap:20px}.faq-right{min-height:320px}}
@media(max-width:700px){.NewIntro_root{min-height:640px;min-height:100svh;padding:110px 16px 64px}.NewIntro_root::before{background-size:cover;background-position:center}.VideoLogo_container{height:85%;opacity:.26}.video-left .VideoLogo_video{width:100%;-webkit-mask-image:none;mask-image:none}.hero-content{padding:12px 0}.hero-content h1{font-size:clamp(11px,3.5vw,14px)!important;letter-spacing:.09em;line-height:1.6;margin-bottom:18px}.hero-content span{font-size:clamp(49px,14vw,82px)!important;line-height:1.02!important;overflow-wrap:normal}.hero-content span:last-child{font-size:clamp(36px,11vw,54px)!important}.NewIntro_center-container{width:100%;max-width:100%;margin:0}.layers2{padding:62px 16px}.faq-wrapper{flex-direction:column;max-width:100%;width:100%;margin:0;gap:23px}.faq-left,.faq-right{width:100%}.BlokQuestions{padding:9px 16px;border-radius:18px}.faq-question{font-size:15px!important}.faq-right{height:230px;min-height:230px}.layers3{padding:58px 16px 65px}.container_form{padding:16px;display:flex;flex-direction:column;align-items:stretch}.container_form select{width:100%}.cards-container{grid-template-columns:minmax(0,1fr);gap:14px}.cards-container .card{padding:20px;border-radius:16px}.modal-content{max-height:calc(100dvh - 26px);overflow-y:auto}.pagination{gap:5px}.pagination a,.pagination span{padding:9px!important;font-size:12px!important}#help img{width:43px;height:43px}}
@media(max-width:375px){.hero-content span{font-size:45px!important}.HeaderMenu{width:calc(100% - 16px)}.faq-question{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* October update: remove floating question icon, restore text contrast, image-only hero. */
#help { display:none!important; }
.VideoLogo_container,.VideoLogo_video {display:none!important;}
.NewIntro_root {position:relative; isolation:isolate; background:#0a2041!important; min-height:690px;}
.NewIntro_root::before {background-image:linear-gradient(90deg,rgba(3,15,35,.78) 0%,rgba(4,17,40,.62) 55%,rgba(4,17,40,.62) 100%),url('../img/scale_1200.jpg')!important;opacity:1!important;background-position:center center!important;background-size:cover!important;}
.NewIntro_root .NewIntro_center-container {position:relative;z-index:2; width:100%;}
.NewIntro_root .hero-content h1 {color:#fff!important;opacity:1!important;text-shadow:0 2px 12px #031229!important;}
.NewIntro_root .hero-content span {color:#fff!important;opacity:1!important;visibility:visible!important;text-shadow:0 4px 20px #031229!important;}
.NewIntro_root .hero-content span:last-of-type {color:#ffd18a!important;}
.kd-hero-register {display:inline-flex!important;align-items:center;justify-content:center;max-width:100%;min-height:54px;padding:15px 34px;margin:26px auto 0;background:#e9a94a;color:#14243c!important;border-radius:13px;text-decoration:none!important;font:700 17px/1.25 Rubik,Arial,sans-serif!important;box-shadow:0 12px 30px rgba(0,0,0,.24);text-shadow:none!important;transition:transform .2s,background .2s;}
.kd-hero-register:hover {background:#ffd18a;transform:translateY(-2px);}
.kd-hero-register:focus-visible {outline:3px solid #fff;outline-offset:4px;}
.HeaderMenu a,.HeaderMenu .menu-link {color:#fff!important;opacity:1!important;}
.HeaderMenu .RightBlockMenu a,.HeaderMenu .RightBlockMenu a#loginTrigger {color:#14243c!important;}
.BlokQuestions .faq-question,.BlokQuestions .faq-question span {color:#152744!important;opacity:1!important;}
.BlokQuestions .faq-answer,.BlokQuestions .faq-answer p {color:#33445d!important;opacity:1!important;}
@media(max-width:700px){.NewIntro_root{min-height:100svh;padding:125px 14px 65px}.NewIntro_root::before{background-position:50% center!important}.kd-hero-register{width:min(100%,310px);min-height:52px;font-size:16px!important;margin-top:24px}.NewIntro_root .hero-content span{font-size:clamp(43px,12vw,80px)!important;overflow-wrap:break-word}.NewIntro_root .hero-content span:last-of-type{font-size:clamp(37px,11vw,54px)!important}}


/* Version 3: better monument framing under the menu + 6th participation option. */
.NewIntro_root::before {background-position:center 20%!important;}
.NewIntro_root {padding-top:142px!important;}
@media (max-width: 700px) {
  .NewIntro_root::before {background-position:52% 14%!important;}
  .NewIntro_root {padding-top:118px!important;}
}

/* Version 4: on desktop show the monument fully, not cropped. */
@media (min-width: 701px) {
  .NewIntro_root {
    min-height: 760px !important;
    padding-top: 150px !important;
    padding-bottom: 90px !important;
  }
  .NewIntro_root::before {
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-color: #091d39 !important;
  }
}