*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:linear-gradient(135deg,#ff7e5f,#feb47b);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;display:flex}.container{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:25px 20px;box-shadow:0 10px 25px #0003}h1{color:#ff5a3c;word-wrap:break-word;margin-bottom:20px;font-size:26px}select,input{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;margin-top:12px;padding:12px;font-size:16px}select:focus,input:focus{border-color:#ff5a3c}button{color:#fff;cursor:pointer;background:#ff5a3c;border:none;border-radius:10px;width:100%;margin-top:15px;padding:12px;font-size:18px;transition:all .3s}button:hover{background:#e14b2f}.result-box{text-align:left;margin-top:20px}.result-box h3{color:#333;margin-bottom:10px}.result-box ul{padding:0;list-style:none}.result-box li{background:#f7f7f7;border-radius:8px;justify-content:space-between;margin-bottom:8px;padding:10px;font-weight:500;display:flex}@media (width>=768px){.container{max-width:420px;margin-top:60px}h1{font-size:28px}}