*{box-sizing:border-box}.card{background:#dbe8f4;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.1);max-width:400px}label{display:block;text-align:left;font-weight:500;color:#333;margin-bottom:.3rem}.select-wrapper{position:relative;margin-bottom:1.2rem}.select-wrapper select{position:relative;width:100%;padding:.7rem;padding-right:2.5rem;border:1px solid #e0e0e0;border-radius:10px;font-size:1rem;appearance:none;background-color:#fff;cursor:pointer}.select-wrapper select::-ms-expand{display:none}.select-wrapper::after{content:"";position:absolute;top:30px;right:50px;width:8px;height:8px;border-left:2px solid #555;border-bottom:2px solid #555;transform:translateY(-50%) rotate(-45deg);transition:transform .3s ease;pointer-events:none}.select-wrapper select:focus+.arrow,.select-wrapper.open::after{transform:translateY(-50%) rotate(135deg)}.select-wrapper select:hover{border-color:#6f85ff}input{width:100%;padding:.9rem;margin-bottom:1.2rem;border:1px solid #e0e0e0;border-radius:10px;font-size:1rem}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.output-box{background:#f8faff;border-radius:12px;padding:1rem;margin-top:1rem}.output-box p{margin:0;font-weight:500;color:#555}.output-box h2{color:#6f85ff;margin:.3rem 0 0;font-size:1.6rem;font-weight:700}.custom-select{background:#fff;padding:.7rem;border-radius:10px;border:1px solid #e0e0e0;cursor:pointer}.options{display:none;background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-top:.9rem;overflow:hidden}.select-wrapper.open .options{display:block}.option{padding:.9rem;padding-bottom:0;cursor:pointer}.option:last-child{padding-bottom:10px}.option:hover{background:#f1f4ff}@media screen and (max-width:456px){.select-wrapper::after{right:30px}}@media screen and (max-width:375px){.select-wrapper::after{right:20px}}@media screen and (max-width:335px){.select-wrapper::after{right:20px}}.container{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.left-section{width:70%;float:left;border-right:1px solid #ccc}.right-section{width:30%;float:right;padding-left:20px}