@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/multi-step-form/assets/inter-cyrillic-ext-wght-normal-B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/multi-step-form/assets/inter-cyrillic-wght-normal-CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/multi-step-form/assets/inter-greek-ext-wght-normal-CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/multi-step-form/assets/inter-greek-wght-normal-CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/multi-step-form/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/multi-step-form/assets/inter-latin-ext-wght-normal-CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dev-challenges/multi-step-form/assets/inter-latin-wght-normal-C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/multi-step-form/assets/inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-cyrillic-ext-400-normal-BPnxn4xp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/multi-step-form/assets/inter-cyrillic-400-normal-BLGc9T1a.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-cyrillic-400-normal-ZzOtrSSW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/multi-step-form/assets/inter-greek-ext-400-normal-Bput3-QP.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-greek-ext-400-normal-DCpCPQOf.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/multi-step-form/assets/inter-greek-400-normal-DxZsaF_h.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-greek-400-normal-BZzXV7-1.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/multi-step-form/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-vietnamese-400-normal-BUNmGMP1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/multi-step-form/assets/inter-latin-ext-400-normal-hnt3BR84.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-latin-ext-400-normal-C1t-h-pH.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/dev-challenges/multi-step-form/assets/inter-latin-400-normal-BOOGhInR.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-latin-400-normal-gitzw0hO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/multi-step-form/assets/inter-cyrillic-ext-600-normal-CaqZN2hq.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-cyrillic-ext-600-normal-Bt9VVOA-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/multi-step-form/assets/inter-cyrillic-600-normal-BGBWG807.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-cyrillic-600-normal-BuzJQFbW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/multi-step-form/assets/inter-greek-ext-600-normal-Cnui8OiR.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-greek-ext-600-normal-C9WLioJ8.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/multi-step-form/assets/inter-greek-600-normal-Dhlb-90d.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-greek-600-normal-CwicyhtI.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/multi-step-form/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-vietnamese-600-normal-Cm6aH8_k.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/multi-step-form/assets/inter-latin-ext-600-normal-BnYJhD27.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-latin-ext-600-normal-CAF0vJDd.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/dev-challenges/multi-step-form/assets/inter-latin-600-normal-D273HNI0.woff2) format("woff2"),url(/dev-challenges/multi-step-form/assets/inter-latin-600-normal-B5cFAncS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--step-heading-fs: 1.25rem;--stepper-label-fs: .875rem;--body-text-fs: 1rem;--label-text-fs: .875rem;--primary: #652cd1;--primary-light: #845eee;--primary-transparent: #652cd160;--secondary: #212936;--secondary-550: #121826;--secondary-550-transparent: #12182640;--secondary-500: #212936;--secondary-450: #394150;--secondary-400: #4d5562;--secondary-300: #a1a1a9;--secondary-200: #e5e7eb;--card-bg: var(--secondary-500);--card-max-width: 460px;--card-padding: 2.5rem;--card-gap: 2rem;--register-fields-gap: 1.5rem;--label-text: var(--secondary-300);--placeholder-text: var(--secondary-400);--topic-group-gap: 1.5rem;--topic-option-bg: var(--secondary-450);--topic-option-text: var(--secondary-300);--alert-time-bar-duration: 5s}@supports (font-variation-settings: normal){:root{font-family:Inter Variable,sans-serif}}*,*:before,*:after{box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;margin:0;padding-inline:3rem;min-width:320px;min-height:100vh;min-height:100svh;background-color:var(--secondary-550);color:var(--secondary-200)}body:before,body:after{--_img-size: 750px;content:"";position:fixed;inset:0;background-image:url(/dev-challenges/multi-step-form/blur-radial.svg);background-repeat:no-repeat;background-size:var(--_img-size) var(--_img-size)}body:before{background-position:top calc(var(--_img-size) * -.5) left calc(var(--_img-size) * -.5)}body:after{background-position:bottom calc(var(--_img-size) * -.5) right calc(var(--_img-size) * -.5)}@media(max-width:768px){:root{--card-padding: 1.5rem}body{padding-inline:2rem}body:before,body:after{--_img-size: 75vw}}main{width:100%}.hidden{display:none!important}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.error-message{display:block;width:fit-content;padding:.25rem .5rem;border-radius:6px;background-color:#ff000040;color:var(--secondary-200);color:#f4c7c7;font-weight:400}.form-card{position:relative;display:flex;flex-direction:column;gap:var(--card-gap);max-width:var(--card-max-width);margin-inline:auto;padding:var(--card-padding);border:1px solid var(--secondary-400);border-radius:12px;background-color:var(--card-bg);overflow:hidden;z-index:10;--step-offset: var(--card-padding)}.steps-container{--_step-counter: 1;--_step-offset: var(--step-offset, 0);display:flex;gap:var(--_step-offset);transform:translate(calc((var(--_step-counter) - 1) * -100%)) translate(calc((var(--_step-counter) - 1) * var(--_step-offset) * -1));transition:transform .3s ease-in-out}.step{width:100%;flex-shrink:0;visibility:hidden;padding:0;margin:0;border:none;transition:visibility .3s ease-in-out}.step--current{visibility:visible}.step__title{margin:0;padding:0;font-size:var(--step-heading-fs);font-weight:700}.register-step>*+*{margin-top:var(--register-fields-gap)}.register-step label{display:flex;flex-direction:column;gap:.625rem;align-items:flex-start;color:var(--label-text);font-size:var(--label-text-fs);font-weight:600;line-height:normal}.register-step label input{width:100%;padding:1rem .875rem;border:2px solid var(--secondary-400);border-radius:12px;outline:none;background-color:transparent;color:var(--secondary-200);font-size:inherit}.register-step label input:focus{border-color:var(--primary-light)}.register-step label input::placeholder{color:var(--placeholder-text);opacity:1}.register-step .input--with-error,.register-step .input--with-error:focus{border-color:#ff000080}.topics-step>*+*{margin-top:1.5rem}.topics-step .step__title{margin-bottom:1rem}.topics-step__group{display:flex;flex-direction:column;gap:var(--topic-group-gap)}.topic-option{display:grid}.topic-option__label{--_bg: var(--topic-option-bg);--_text: var(--topic-option-text);grid-area:1 / 1;padding:1rem;border-radius:16px;background-color:var(--_bg);box-shadow:0 1px 2px 2px var(--secondary-550-transparent);color:var(--_text)}.topic-option input{grid-area:1 / 1;margin:0;opacity:0;cursor:pointer}.topic-option input:hover+.topic-option__label,.topic-option input:focus+.topic-option__label{--_bg: var(--secondary-400)}.topic-option input:focus+.topic-option__label{outline:2px solid var(--secondary-200)}.topic-option input:checked+.topic-option__label{--_bg: var(--primary);--_text: var(--secondary-200);font-weight:600}.summary-step{display:flex;flex-direction:column;gap:2rem}.summary-step__group{display:flex;flex-direction:column;gap:1.5rem;font-weight:600}.summary-step__group *{margin:0}.summary-step__group p{color:var(--secondary-300)}.summary-register,.summary-topics,.summary-topics__list{display:flex;flex-direction:column;gap:.75rem}.summary-register__name,.summary-register__email{color:var(--secondary-200)}.summary-topics__list{padding-left:1.5rem}.action-button{margin-inline:auto;padding:.75rem 2.25rem;border:none;border-radius:9999px;background:linear-gradient(var(--primary-light),var(--primary));color:var(--secondary-200);font-size:.75rem;font-weight:600;cursor:pointer}.stepper-indicator{display:flex;gap:2rem;align-items:center;font-size:var(--stepper-label-fs);z-index:5}.stepper-indicator p{margin:0;color:var(--secondary-450);font-weight:600}.stepper{display:flex;gap:1.25rem}.stepper__step{display:inline-block;aspect-ratio:1;width:1em;border-radius:50%;background-color:var(--secondary-450);transition:outline-width .15s linear}.stepper__step[data-completed]{background-color:var(--primary)}.stepper__step[data-current]{background-color:var(--primary);outline:.5em solid var(--primary-transparent)}.alert{--_movement-duration: .4s;--_bg: var(--alert-bg);--_time-bar-bg: var(--alert-time-bar-bg);position:fixed;top:1rem;right:1rem;border-radius:12px;padding:.75rem 1rem;background-color:var(--_bg);color:var(--alert-text, #e5e7eb);font-weight:600;visibility:hidden;overflow:hidden;z-index:var(--alert-z-index, 20);transform:translate(100%) translate(1rem);transition:transform var(--_movement-duration) ease-in-out}.alert--open{visibility:visible;transform:translate(0);--_animation-state: running}.alert--closing{visibility:visible}.alert[data-color=success]{--_bg: #1f3f3f;--_time-bar-bg: #77b255}.alert[data-color=error]{--_bg: #642d41;--_time-bar-bg: #b25577}.alert__time-bar{position:absolute;bottom:0;left:0;height:4px;width:100%;background:var(--_time-bar-bg);transform-origin:left center;animation:alert-time-bar var(--alert-time-bar-duration) linear forwards var(--_movement-duration) var(--_animation-state, paused)}@keyframes alert-time-bar{to{transform:scaleX(0)}}
