:root{--bg: #0b0c10;--panel: #11131a;--panel-2: #151826;--text: #e8eaf2;--muted: #a7adc1;--border: rgba(255, 255, 255, .08);--primary: #6d5efc;--primary-2: #7d72ff;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 30px}*{box-sizing:border-box}html,body{height:100dvh}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 700px at 20% -10%,rgba(109,94,252,.35),transparent 55%),radial-gradient(900px 600px at 90% 0%,rgba(125,114,255,.25),transparent 60%),var(--bg);color:var(--text)}body{display:flex;justify-content:center;align-items:center;padding:16px;height:100dvh}.wrapper{background-color:#343561;padding:32px;border-radius:var(--radius);box-shadow:var(--shadow);width:min(90vw,90vh,500px);max-width:500px}@media(max-width:768px){.wrapper{padding:20px;width:min(95vw,95vh,400px);max-width:400px;min-height:300px}body{padding:8px}}@media(max-width:480px){:root{--radius: 16px}.wrapper{padding:16px;width:min(98vw,98vh,350px);max-width:350px;min-height:280px}.title{font-size:clamp(20px,5vw,28px);margin-bottom:15px}.mode-toggle{gap:8px;margin-bottom:15px}.mode-btn{padding:6px 12px;font-size:14px}}@media(max-width:360px){.wrapper{padding:12px;width:min(100vw,100vh,320px);max-width:320px;min-height:260px}.mode-btn{padding:5px 10px;font-size:13px}}.title{display:flex;align-items:center;justify-content:center;font-size:clamp(24px,4vw,36px);margin-bottom:5%;height:clamp(24px,4vw,36px)}.mode-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.mode-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:clamp(12px,2vw,16px);transition:all .3s ease}.mode-btn:hover{background:#ffffff4d}.mode-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.form_class{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:10px}input,select{height:100%;width:100%;display:block;margin:0;padding:0 0 0 5%;border:none;background-color:transparent;border-radius:var(--radius);border:2px solid white;font-size:clamp(16px,3vw,20px);color:#fff;outline:none;font-family:inherit;transition:all .3s ease}.input_box{background-color:#2c2e4a;width:100%;height:50px;border-radius:var(--radius)}.btn{background-color:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius);cursor:pointer;font-size:clamp(16px,3vw,18px);min-height:50px}@media(max-width:768px){.btn{padding:10px 20px;font-size:16px}}@media(max-width:480px){.btn{padding:8px 16px;font-size:14px}}.btn:active{transform:translateY(3px)}@media(max-width:768px){input,select{font-size:16px;padding-left:12px}}@media(max-width:480px){input,select{font-size:14px;padding-left:10px}}input::placeholder,select option{color:#fff9;font-style:italic}input:focus,select:focus{transform:scale(1.02)}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:40px}@media(max-width:768px){select{background-size:14px;padding-right:35px}}@media(max-width:480px){select{background-size:12px;padding-right:30px}}select option{background-color:#2c2e4a;color:#fff}#Yandex_btn{background-color:#f5de19;color:#000}.input_box.error{border-color:#ff4757;background-color:#ff47571a;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:768px){button{-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;-webkit-user-select:none;-moz-user-select:none;touch-action:manipulation}}.checkbox_container{margin:10px 5px;width:100%}.checkbox_label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:clamp(14px,2vw,16px);color:var(--text)}.checkbox_label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.checkbox_text{-webkit-user-select:none;user-select:none}.checkbox_container.error .checkbox_text{color:#ff4757}.checkbox_container.error input[type=checkbox]{outline:2px solid #ff4757;outline-offset:2px}