*,*::before,*::after{box-sizing:border-box}body{margin:0;padding:0;min-height:100svh;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:10px 1fr 10px;place-items:center;font-family:"Yu Gothic",sans-serif}#alertBar{position:fixed;top:-120px;left:0;width:100%;background:#ffeded;color:#a10000;text-align:center;padding:20px;font-weight:bold;z-index:9999;transition:top .4s ease}#alertBar.show{top:0}.container{grid-column:2/3;grid-row:2/3;max-width:680px;width:100%;padding:24px 24px 48px;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,.1)}.container h1{margin:0 auto 16px;width:fit-content;font-size:clamp(1.1rem,4vw,2rem);text-align:center}.horizon{display:grid;grid-template-columns:5 1;grid-template-rows:1 /1;justify-content:center;align-content:center;margin-bottom:10px}img{max-width:100px;height:auto;align-self:stat;object-fit:contain;grid-column:5/6;grid-row:1 /1}.redp{color:#f50505;font-size:clamp(.8rem,2vw,1rem);margin:-8px 0 16px;line-height:1.4}.coment{width:fit-content;height:20px;align-self:end;font-size:clamp(.8rem,2vw,1rem);margin-bottom:16px;line-height:1.6;grid-column:1/5;grid-row:1/1}form p{font-size:clamp(.8rem,2vw,1rem);margin-bottom:16px;line-height:1.6}form input[type="text"],form input[type="email"],form textarea{width:100%;padding:12px;margin-bottom:16px;font-size:clamp(.8rem,2vw,1rem);border-radius:8px;border:1px solid #ccc}form textarea{resize:vertical;height:140px}.redcoment{color:rgb(237,14,85);margin:0 0 8px}.char-count{font-size:.9rem;color:#333;margin-bottom:0}.button-row{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}.button-row input[type="submit"],.button-row .cancel-button{flex:1;padding:12px 24px;font-size:1rem;border:none;border-radius:6px;min-width:120px;text-align:center;cursor:pointer}.button-row input[type="submit"]{background-color:#0077cc;color:white}.button-row .cancel-button{display:inline-block;background-color:#e60033;color:white;text-decoration:none;line-height:1.2}.button-row .cancel-button:hover{background-color:#c8002f}textarea.error{border:2px solid #e60000;background:#fff5f5}@media (max-width:480px){.container{padding:16px}.button-row{flex-direction:column;gap:10px}.button-row input[type="submit"],.button-row .cancel-button{width:100%;min-width:unset}}