:root{--font: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}*{box-sizing:border-box;text-decoration:none;font-family:var(--font)}body{margin:0}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;padding-top:max(24px,6svh);position:relative}.top-company{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;height:4svh;transition:.3s}.top-company:hover{height:5svh}.top-company a{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 16px;height:100%}.card{width:540px;border-radius:14px;margin:30px;overflow:hidden}.card-head{display:flex;justify-content:center;align-items:center;padding:16px 20px;text-align:center;font-size:1.25em;font-weight:900}.card-body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}.just-text{margin:16px 0;color:#676767}.textarea{width:100%;resize:none;border-radius:6px;outline:none;padding:10px 12px;letter-spacing:1px}.btn{padding:14px 28px;margin-top:16px;border:0;border-radius:6px;transition:.2s;font-size:16px;font-weight:900;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.7}.rating-area{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;overflow:hidden;width:100%;margin:0 auto}.rating-area>input{display:none}.rating-area>label{cursor:pointer;font-size:4.2em;line-height:1;color:#a8a8a8;padding:0 8px;text-shadow:1px 1px #bbb}.rating-area>label:before{content:"★"}.rating-area>input:checked~label{color:gold;text-shadow:1px 1px #c60}.rating-area>label:hover,.rating-area>label:hover~label{color:gold}.rating-area>input:checked+label:hover,.rating-area>input:checked+label:hover~label,.rating-area>input:checked~label:hover,.rating-area>input:checked~label:hover~label,.rating-area>label:hover~input:checked~label{color:gold;text-shadow:1px 1px goldenrod}@media screen and (max-width: 600px){.card{width:340px}.rating-area>label{font-size:3.6em}}