*{box-sizing:border-box}body{margin:0;background:#f5f5f5;font-family:Arial,Helvetica,sans-serif;color:#222}.wrap{max-width:1100px;margin:30px auto;padding:0 18px}.card{background:#fff;border-radius:16px;padding:34px 36px;box-shadow:0 6px 22px rgba(0,0,0,.08)}h1{margin:0 0 26px;font-size:29px}.grid{display:grid;gap:24px;margin-bottom:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field{position:relative}label{display:block;margin-bottom:8px;font-size:15px}label b{color:#e33}input,select{width:100%;height:43px;border:1px solid #d2d6dc;border-radius:6px;background:#fff;padding:0 13px;font-size:14px;outline:none}input:focus,select:focus{border-color:#00b879;box-shadow:0 0 0 2px rgba(0,184,121,.1)}button{width:100%;height:46px;border:0;border-radius:6px;background:#00b879;color:#fff;font-size:15px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.dropdown{display:none;position:absolute;left:0;right:0;top:70px;z-index:1000;max-height:300px;overflow:auto;background:#fff;border:1px solid #ddd;box-shadow:0 8px 18px rgba(0,0,0,.12)}.dropdown.show{display:block}.choice{padding:11px 13px;border-bottom:1px solid #eee;cursor:pointer;line-height:1.35}.choice:hover{background:#f4f4f4}.status{margin-top:15px;font-size:14px}.error{color:#b42318}.ok{color:#087a55}.result{margin-top:24px;padding:22px;background:#fafafa;border-radius:10px}.result h2{margin:0 0 14px}.price{font-size:27px;font-weight:700;margin:12px 0}@media(max-width:760px){.two,.four{grid-template-columns:1fr}.card{padding:24px 18px}.wrap{margin:12px auto}.dropdown{top:70px}}