#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:#f5f7fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px}.form-container{background:#fff;padding:25px;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);width:100%;max-width:420px;margin:0 auto}.title{color:#2c3e50;font-size:24px;margin-bottom:30px;text-align:center}.submit-form{gap:20px}.form-group,.submit-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-group{gap:8px}label{color:#2c3e50;font-size:14px;font-weight:600}input{padding:12px;border:1px solid #dcdfe6;border-radius:8px;font-size:16px;-webkit-transition:all .3s ease;transition:all .3s ease}input:focus{outline:none;border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}input:disabled{background-color:#f5f7fa;cursor:not-allowed}.button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.option-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:100px;padding:10px;border:1px solid #dcdfe6;border-radius:6px;background:#fff;color:#2c3e50;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.option-btn:hover:not(.disabled){border-color:#409eff;color:#409eff}.option-btn.active{background:#e8f7f0;border-color:#42b983;color:#42b983}.option-btn.disabled{background:#f5f7fa;border-color:#dcdfe6;color:#c0c4cc;cursor:not-allowed}.hint-text{font-size:12px;color:#909399;margin-top:4px}.submit-btn{background:#409eff;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;margin-top:10px}.submit-btn:hover{background:#66b1ff}.submit-btn:disabled{background:#a0cfff;cursor:not-allowed}@media screen and (max-width:480px){#app{padding:15px}.form-container{padding:20px}.title{font-size:20px;margin-bottom:25px}.option-btn{min-width:calc(50% - 4px)}}