.w_screen{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:24px}.select_course_screen_wrap{padding-top:35px;display:flex;justify-content:center}.w_container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:960px}.w_col_visual{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:40px}.w_col_content{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px}.w_mascot_wrap{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}@media(min-width:900px){.w_mascot_wrap{width:280px;height:280px}}.w_mascot{font-size:100%;width:100%;height:100%;color:#23ac5e;color:var(--c-accent-green);filter:drop-shadow(0 15px 30px rgba(35,172,94,.2));animation:floatLogo 6s ease-in-out infinite}.w_title{font-size:22px;font-weight:600;margin:0 0 12px;color:#fff;color:var(--c-text-main);line-height:1.2}.w_subtitle{font-size:15px;color:#8e8e8e;color:var(--c-text-muted);margin:0 0 32px;line-height:1.5}.enter_title{font-size:24px;font-weight:700;line-height:1.25;text-align:center}.enter_subtitle{font-size:15px;color:#8e8e8e;color:var(--c-text-muted);margin:10px 0 32px;text-align:center}.course_select_main{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 0 16px}.course_select_inner{width:100%;max-width:500px;margin:0 auto;padding:0 20px}.course_select_back{margin-bottom:16px;margin-bottom:var(--space-lg)}.course_list{padding:0}.course_list .course_card{margin-bottom:12px}.course_list .course_card:last-child{margin-bottom:0}.course_card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;background:#ffffff0a;border:2px solid #333333;border:2px solid var(--c-border);border-radius:14px;min-height:100px}.course_card.is_active{cursor:pointer;border-color:#ffffff1a;border-color:#1865f2;border-color:var(--c-accent-blue);color:#fff}.course_card.is_active:active{background:#ffffff12}.course_card.is_locked{opacity:.45}.course_card_flag{width:56px;height:40px;border-radius:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border:2px solid rgba(255,255,255,.12);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px #0000004d;overflow:hidden;position:relative}.course_card_flag img{width:56px;height:40px;-o-object-fit:contain;object-fit:contain}.course_card_body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-left:14px}.course_card_desc{font-size:14px;color:#fff6}.course_card_check{flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid #4a505a;display:flex;align-items:center;justify-content:center;color:transparent;font-size:14px;transition:all .15s}.course_card.is_active .course_card_check{background:#1865f2;background:var(--c-accent-blue);border-color:#1865f2;border-color:var(--c-accent-blue);color:#fff}.course_card_name{font-size:17px;font-weight:600;color:#fff;margin-bottom:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_card_joined{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:8px;width:18px;height:18px;border-radius:50%;background:#23ac5e;color:#fff;font-size:11px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.w_form{width:100%;display:flex;flex-direction:column}.w_form>*:not(:last-child){margin-bottom:16px}.w_btn_group{display:flex;flex-direction:column;width:100%}.w_btn_group>*:not(:last-child){margin-bottom:16px}.w_input{width:100%;height:52px;background:#1e1e1e;background:var(--c-bg-card);border:2px solid #333333;border:2px solid var(--c-border);border-radius:14px;padding:0 16px;font-size:16px;color:#fff;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-family:var(--font_main);outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none}.w_input::placeholder{color:#555;font-weight:500}.w_input:focus{border-color:#23ac5e;border-color:var(--c-accent-green);background:#252525}.w_btn{width:100%;padding:16px;border-radius:14px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center}.w_btn_primary{background:#23ac5e;background:var(--c-accent-green);color:#fff;box-shadow:0 8px 25px #23ac5e4d}.w_btn_primary:hover{background:#28c26a;transform:translateY(-2px);box-shadow:0 12px 30px #23ac5e66}.w_btn_primary:active{transform:translateY(0);box-shadow:0 4px 15px #23ac5e4d}.w_btn_secondary{background:transparent;border:2px solid #333333;border:2px solid var(--c-border);color:#23ac5e;color:var(--c-accent-green);box-shadow:none}.w_btn_secondary:hover{border-color:#8e8e8e;border-color:var(--c-text-muted);background:#ffffff0d}.w_btn_secondary:active{transform:scale(.98)}.w_link_row{margin-top:24px;font-size:14px;color:#8e8e8e;color:var(--c-text-muted);font-weight:600}.w_link{color:#23ac5e;color:var(--c-accent-green);text-decoration:none;margin-left:4px;font-weight:800}.w_link:hover{text-decoration:underline}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}