*,*:before,*:after{box-sizing:border-box}html{text-rendering:optimizeSpeed}html:focus-within{scroll-behavior:smooth}body{--img-bg_light-mob: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='812'%20fill='none'%20viewBox='0%200%20375%20812'%3e%3ccircle%20cx='-113.5'%20cy='323.5'%20r='416.5'%20stroke='%23EDF1F9'%20stroke-width='144'/%3e%3c/svg%3e");--img-bg_light-tablet: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='438'%20height='531'%20fill='none'%20viewBox='0%200%20438%20531'%3e%3ccircle%20cx='-50.5'%20cy='42.5'%20r='416.5'%20stroke='%23EDF1F9'%20stroke-width='144'/%3e%3c/svg%3e");--img-bg_light-desktop: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='960'%20fill='none'%20viewBox='0%200%201440%20960'%3e%3cg%20stroke='%23edf1f9'%20stroke-width='144'%3e%3ccircle%20cx='-50.5'%20cy='75.5'%20r='416.5'/%3e%3ccircle%20cx='1388.5'%20cy='840.5'%20r='416.5'/%3e%3c/g%3e%3c/svg%3e");--img-bg_dark-mob: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='812'%20fill='none'%20viewBox='0%200%20375%20812'%3e%3ccircle%20cx='-113.5'%20cy='323.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3c/svg%3e");--img-bg_dark-tablet: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='438'%20height='531'%20fill='none'%20viewBox='0%200%20438%20531'%3e%3ccircle%20cx='-50.5'%20cy='42.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3c/svg%3e");--img-bg_dark-desktop: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='960'%20fill='none'%20viewBox='0%200%201440%20960'%3e%3ccircle%20cx='-50.5'%20cy='75.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3ccircle%20cx='1388.5'%20cy='840.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'/%3e%3c/svg%3e");--img_url-mob: var(--img-bg_light-mob);--img_url-tablet: var(--img-bg_light-tablet);--img_url-desktop: var(--img-bg_light-desktop)}body.dark{--img_url-mob: var(--img-bg_dark-mob);--img_url-tablet: var(--img-bg_dark-tablet);--img_url-desktop: var(--img-bg_dark-desktop)}main{opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;min-block-size:100svh;background-color:var(--bg-clr-1);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-image:var(--img_url-mob);background-repeat:no-repeat;background-size:contain;padding-inline:clamp(var(--6),calc(var(--2) + 5vw),var(--16))}@media (width >= 48rem){main{background-image:var(--img_url-tablet);background-size:auto;padding-inline:clamp(var(--16),calc(var(--6) + 6vw),var(--24))}}@media (width >= 64rem){main{background-image:var(--img_url-desktop);background-size:cover;padding-inline:var(--16);background-position:center}}.is-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-removed{display:none!important}:root{--color-white: hsl(0, 0%, 100%);--color-black: hsl(0, 0%, 0%);--color-grey-500: hsl(219, 13%, 44%);--color-grey-50: hsl(220, 37%, 97%);--color-blue-950: hsl(214, 24%, 23%);--color-blue-900: hsl(216, 25%, 25%);--color-blue-850: hsl(215, 27%, 32%);--color-blue-500: hsl(223, 100%, 59%);--color-blue-300: hsl(216, 47%, 78%);--color-blue-100: hsl(220, 50%, 95%);--color-blue-50: hsl(225, 100%, 96%);--color-green-500: hsl(151, 68%, 52%);--color-green-100: hsl(151, 88%, 94%);--color-purple-600: hsl(277, 91%, 56%);--color-purple-300: hsl(277, 100%, 70%);--color-purple-100: hsl(278, 100%, 95%);--color-orange-400: hsl(22, 100%, 60%);--color-orange-50: hsl(27, 100%, 96%);--color-orange-500: hsl(0, 82%, 63%);--shadow-color-light: hsla(220, 29%, 66%, .14);--shadow-color-dark: hsla(216, 25%, 25%, .14);--space: .0625rem ;--0: calc(var(--space) * 0);--px: calc(var(--space) * 1);--0_5: calc(var(--space) * 2);--1: calc(var(--space) * 4);--1_5: calc(var(--space) * 6);--2: calc(var(--space) * 8);--2_5: calc(var(--space) * 10);--3: calc(var(--space) * 12);--3_5: calc(var(--space) * 14);--4: calc(var(--space) * 16);--5: calc(var(--space) * 20);--6: calc(var(--space) * 24);--7: calc(var(--space) * 28);--8: calc(var(--space) * 32);--9: calc(var(--space) * 36);--10: calc(var(--space) * 40);--11: calc(var(--space) * 44);--12: calc(var(--space) * 48);--14: calc(var(--space) * 56);--16: calc(var(--space) * 64);--20: calc(var(--space) * 80);--24: calc(var(--space) * 96);--28: calc(var(--space) * 112);--32: calc(var(--space) * 128);--36: calc(var(--space) * 144);--40: calc(var(--space) * 160);--44: calc(var(--space) * 176);--48: calc(var(--space) * 192);--52: calc(var(--space) * 208);--56: calc(var(--space) * 224);--60: calc(var(--space) * 240);--64: calc(var(--space) * 256);--72: calc(var(--space) * 288);--80: calc(var(--space) * 320);--96: calc(var(--space) * 384)}body{--bg-clr-1: var(--color-grey-50);--bg-clr-2: var(--color-white);--bg-clr-3: var(--color-grey-500);--f-clr-1: var(--color-blue-900);--f-clr-2: var(--color-grey-500);--f-clr-error: var(--color-orange-500);--shdw-1: 0 var(--4) var(--10) 0 var(--shadow-color-light)}body.dark{--bg-clr-1: var(--color-blue-900);--bg-clr-2: var(--color-blue-850);--bg-clr-3: var(--color-white);--f-clr-1: var(--color-white);--f-clr-2: var(--color-blue-300);--f-clr-error: var(--color-white);--shdw-1: 0 var(--4) var(--10) 0 var(--shadow-color-dark)}body{font-family:Rubik,sans-serif;font-weight:500;color:var(--f-clr-1)}.f-preset_1{font-size:clamp(calc(var(--20) + var(--2)),calc(var(--16) + 5vw),var(--32));line-height:100%;font-weight:500}@media (width >= 48rem){.f-preset_1{font-size:clamp(var(--36),calc(var(--32) + 5vw),var(--40))}}.f-preset_2{font-size:clamp(var(--9),calc(var(--6) + 3vw),var(--10));line-height:120%;font-weight:500}@media (width >= 48rem){.f-preset_2{font-size:clamp(var(--10),calc(var(--6) + 3vw),var(--16))}}.f-preset_3{font-size:var(--5);line-height:120%;font-weight:500}@media (width >= 48rem){.f-preset_3{font-size:clamp(var(--5),calc(var(--3) + 2vw),var(--9))}}.f-preset_4{font-size:clamp(var(--3_5),calc(var(--3) + 1vw),var(--5));line-height:120%;font-weight:500}@media (width >= 48rem){.f-preset_4{font-size:clamp(var(--4),calc(var(--2) + 2vw),var(--7))}}@media (width >= 64rem){.f-preset_4{font-size:clamp(var(--4),calc(var(--1) + 2vw),var(--7))}}.f-preset_5{font-size:calc(var(--3) + var(--0_5));line-height:150%;font-weight:400;font-style:italic}@media (width >= 48rem){.f-preset_5{font-size:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 1vw),var(--5))}}.f-light{font-weight:300}.f-color_grey-light{color:var(--f-clr-2)}.f-color_grey-light_unchanged{color:var(--color-grey-500)}.f-color_error{color:var(--f-clr-error)}.c-switcher input{display:none}.c-switcher label{display:flex;inline-size:var(--8);block-size:var(--5);position:relative}@media (width >= 48rem){.c-switcher label{inline-size:var(--12);block-size:var(--7)}}.c-switcher label .c-handler{position:absolute;inline-size:var(--3);block-size:var(--3);border-radius:50%;background-color:var(--color-white);top:var(--1);left:var(--1);transition:all .15s ease-in-out}.c-switcher label:before{content:"";position:absolute;inline-size:var(--8);block-size:var(--5);border-radius:var(--4);background-color:var(--color-purple-600)}.c-switcher input:checked+label .c-handler{transform:translate(var(--3))}.c-switcher label:focus-visible{outline:none}.c-switcher label:focus-visible .c-handler{transform:scale(.6)}.c-switcher input:checked+label:focus-visible .c-handler{transform:translate(var(--3)) scale(.6)}@media (width >= 48rem){.c-switcher input:checked+label:focus-visible .c-handler{transform:translate(var(--5)) scale(.6)}}@media (width >= 48rem){.c-switcher label:before{inline-size:var(--12);block-size:var(--7)}.c-switcher label .c-handler{inline-size:var(--5);block-size:var(--5)}.c-switcher input:checked+label .c-handler{transform:translate(var(--5))}}.c-icon_switcher{fill:var(--bg-clr-3)}@media (width >= 48rem){.c-icon_switcher{inline-size:var(--6);block-size:var(--6)}}.c-icon_area{display:grid;place-content:center;inline-size:var(--10);min-inline-size:var(--10);block-size:var(--10);min-block-size:var(--10);line-height:0;border-radius:clamp(var(--1_5),calc(var(--1) + .75vw),var(--3));overflow:hidden}@media (width >= 48rem){.c-icon_area{inline-size:var(--14);min-inline-size:var(--14);block-size:var(--14);min-block-size:var(--14);border-radius:var(--3)}}.c-icon_btn{inline-size:var(--7);block-size:var(--7)}@media (width >= 48rem){.c-icon_btn{inline-size:var(--10);block-size:var(--10)}}.o-header{display:flex;align-items:center;justify-content:space-between;inline-size:100%;max-inline-size:calc(var(--80) * 3 + var(--48) + var(--2));padding-block:clamp(var(--4),calc(var(--2) + 2vw),var(--8))}@media (width >= 64rem){.o-header{padding-block:var(--20);padding-block-start:clamp(var(--4),calc(var(--2) + 5vw),var(--20))}}.o-header_topic{display:flex;align-items:center;gap:var(--4)}@media (width >= 48rem){.o-header_topic{gap:var(--6)}}.o-switcher{inline-size:100%;display:flex;justify-content:flex-end;align-items:center;block-size:var(--10)}@media (width >= 48rem){.o-switcher{block-size:var(--14)}}.o-switcher_option{display:flex}.o-switcher_area{display:flex;align-items:center;gap:var(--2);cursor:pointer;position:relative}.o-switcher_area:after{content:"";position:absolute;inset:calc(var(--4) * -1)}@media (width >= 48rem){.o-switcher_area{gap:var(--4)}}@media (width >= 64rem){.o-switcher_area:hover .c-switcher label .c-handler{transform:translate(0) scale(.6)}.o-switcher_area:hover .c-switcher input:checked+label .c-handler{transform:translate(var(--5)) scale(.6)}}@media (width >= 48rem){.o-switcher_area:after{inset:calc(var(--6) * -1)}}.u-justify_end{justify-content:flex-end}#screen-start{inline-size:100%;block-size:100%;max-inline-size:calc(var(--80) * 3 + var(--48) + var(--2));padding-block:var(--8);display:flex;flex-direction:column;gap:var(--10)}@media (width >= 48rem){#screen-start{gap:var(--16)}}@media (width >= 64rem){#screen-start{padding-block:0;flex-direction:row;gap:var(--32)}}.c-btn_secondary{background-color:var(--bg-clr-2);inline-size:100%;display:flex;align-items:center;gap:var(--4);padding:var(--4);border-radius:clamp(var(--3),calc(var(--2) + 2vw),var(--4));box-shadow:var(--shdw-1);position:relative}.c-btn_secondary:focus-visible{outline:none}@media (width >= 48rem){.c-btn_secondary{gap:var(--8);border-radius:var(--6)}}.c-button_border{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:calc(100% + var(--1_5));block-size:calc(100% + var(--1_5));overflow:hidden;border-radius:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 2vw),calc(var(--4) + var(--0_5)))}.c-button_border rect{inline-size:100%;block-size:100%;fill:#0000;stroke:var(--color-purple-600);stroke-width:var(--1_5);rx:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 2vw),calc(var(--4) + var(--0_5)));ry:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 2vw),calc(var(--4) + var(--0_5)));stroke-dasharray:99999;stroke-dashoffset:99999}@media (width >= 48rem){.c-button_border{border-radius:var(--7)}.c-button_border rect{rx:var(--7);ry:var(--7)}}.c-radio_border-correct{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:calc(100% + var(--1_5));block-size:calc(100% + var(--1_5));overflow:hidden;border-radius:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 2vw),calc(var(--4) + var(--0_5)))}.c-radio_border-correct rect{inline-size:100%;block-size:100%;fill:#0000;stroke:var(--color-green-500);stroke-width:var(--1_5);rx:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 2vw),calc(var(--4) + var(--0_5)));ry:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 2vw),calc(var(--4) + var(--0_5)));stroke-dasharray:99999;stroke-dashoffset:99999}@media (width >= 48rem){.c-radio_border-correct{border-radius:var(--7)}.c-radio_border-correct rect{rx:var(--7);ry:var(--7)}}.c-radio_border-incorrect{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:calc(100% + var(--1_5));block-size:calc(100% + var(--1_5));overflow:hidden;border-radius:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 2vw),calc(var(--4) + var(--0_5)))}.c-radio_border-incorrect rect{inline-size:100%;block-size:100%;fill:#0000;stroke:var(--color-orange-500);stroke-width:var(--1_5);rx:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 2vw),calc(var(--4) + var(--0_5)));ry:clamp(calc(var(--3) + var(--0_5)),calc(var(--2) + 2vw),calc(var(--4) + var(--0_5)));stroke-dasharray:99999;stroke-dashoffset:99999}@media (width >= 48rem){.c-radio_border-incorrect{border-radius:var(--7)}.c-radio_border-incorrect rect{rx:var(--7);ry:var(--7)}}.o-heading{display:flex;flex-direction:column;gap:var(--4)}@media (width >= 64rem){.o-heading{gap:var(--12);block-size:fit-content;flex:4}}.o-list{display:flex;flex-direction:column;gap:var(--4);inline-size:100%;block-size:100%}@media (width >= 48rem){.o-list{gap:var(--6)}}@media (width >= 64rem){.o-list{flex:5}}.o-btn_content-left{display:flex;align-items:center;gap:var(--4)}@media (width >= 48rem){.o-btn_content-left{gap:var(--8)}}.u-color_orange-50{background-color:var(--color-orange-50)}.u-color_green-100{background-color:var(--color-green-100)}.u-color_blue-50{background-color:var(--color-blue-50)}.u-color_purple-100{background-color:var(--color-purple-100)}.u-width_max-30ch{max-inline-size:30ch}@media (width >= 48rem){.u-width_max-30ch{max-inline-size:40ch}}@media (width >= 64rem){.u-width_max-30ch{max-inline-size:48ch;flex:5}}#screen-quiz{inline-size:100%;max-inline-size:calc(var(--80) * 3 + var(--48) + var(--2));padding-block:var(--8);display:flex;flex-direction:column;gap:var(--10)}@media (width >= 64rem){#screen-quiz{padding-block:0;flex-direction:row;gap:var(--32)}}.c-btn_primary{position:relative;overflow:hidden;padding-block:var(--5);inline-size:100%;border-radius:clamp(var(--3),calc(var(--2) + 2vw),var(--4));background-color:var(--color-purple-600);color:var(--color-white);text-transform:capitalize}.c-btn_primary:focus-visible .c-btn_primary-overlay{transform:translateY(0)}@media (width >= 48rem){.c-btn_primary{border-radius:var(--6)}}.c-btn_primary-overlay{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;transform:translateY(100%);transition:transform .3s ease-out;background-color:var(--color-purple-300)}@media (width >= 64rem){.c-btn_primary:hover .c-btn_primary-overlay{transform:translateY(0)}}.c-btn_primary-text{position:relative}.c-progress{block-size:var(--4);padding:var(--1);border-radius:var(--4);inline-size:100%;background-color:var(--bg-clr-2)}.c-progress_line{inline-size:0;block-size:100%;border-radius:var(--4);background-color:var(--color-purple-600)}.c-radio{display:flex;box-shadow:var(--shdw-1);border-radius:clamp(var(--3),calc(var(--2) + 2vw),var(--4))}@media (width >= 48rem){.c-radio{border-radius:var(--6)}}.c-radio input{display:none}.c-radio label{cursor:pointer;background-color:var(--bg-clr-2);inline-size:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--4);border-radius:clamp(var(--3),calc(var(--2) + 2vw),var(--4));position:relative}@media (width >= 48rem){.c-radio label{border-radius:var(--6)}}.c-radio label:focus-visible{outline:none}.o-heading_text{display:flex;flex-direction:column;gap:var(--4)}@media (width >= 48rem){.o-heading_text{gap:var(--6)}}@media (width >= 64rem){.o-heading_text{block-size:calc(100% - var(--56))}}.o-hero{display:flex;flex-direction:column;gap:var(--6)}@media (width >= 48rem){.o-hero{gap:var(--10)}}@media (width >= 64rem){.o-hero{flex:4}}.o-error_answer{display:flex;align-items:center;justify-content:center;gap:var(--2);padding-block:var(--4);padding-inline-end:var(--1)}@media (width >= 64rem){.o-error_wrapper{min-block-size:calc(var(--20) - var(--2))}}#screen-quiz .o-list .o-btn_content-left{overflow:hidden;max-inline-size:calc(100% - (var(--8) + var(--4) * 2))}@media (width >= 48rem){#screen-quiz .o-list .o-btn_content-left{max-inline-size:calc(100% - (var(--10) + var(--4) * 2))}}.u-color_grey-light{background-color:var(--color-grey-50)}[data-correct] svg,[data-incorrect] svg{inline-size:var(--8);block-size:var(--8)}@media (width >= 48rem){[data-correct] svg,[data-incorrect] svg{inline-size:var(--10);block-size:var(--10)}}.is-correct{box-shadow:0 0 0 calc(var(--px) + var(--0_5)) var(--color-green-500)}.is-correct .c-icon_area{background-color:var(--color-green-500);color:var(--color-white)}.is-incorrect{box-shadow:0 0 0 calc(var(--px) + var(--0_5)) var(--color-orange-500)}.is-incorrect .c-icon_area{background-color:var(--color-orange-500);color:var(--color-white)}#screen-result{inline-size:100%;block-size:100%;max-inline-size:calc(var(--80) * 3 + var(--48) + var(--2));padding-block:var(--8);display:flex;flex-direction:column;gap:var(--10)}@media (width >= 48rem){#screen-result{gap:var(--16)}}@media (width >= 64rem){#screen-result{padding-block:0;flex-direction:row;gap:var(--32)}}.c-result_card{display:flex;flex-direction:column;align-items:center;gap:var(--4);padding:var(--8);border-radius:var(--3);box-shadow:var(--shdw-1);background-color:var(--bg-clr-2)}@media (width >= 48rem){.c-result_card{border-radius:var(--6);padding:var(--12);gap:var(--10)}}.o-result_text{display:flex;flex-direction:column;align-items:center;gap:var(--4)}.o-content_result{display:flex;flex-direction:column;gap:var(--4)}@media (width >= 48rem){.o-content_result{gap:var(--8)}}@media (width >= 64rem){.o-content_result{flex:5}}