* { box-sizing: border-box; margin:0; padding:0; }
body { font-family: 'Arial', sans-serif; background: #f7f8fa; display: flex; justify-content: center; align-items: center; padding:20px; }
.container { width:100%; max-width:420px; }
.logo { display:block; margin:0 auto 20px auto; width:140px; }
.logo-link { display:block; text-align:center; }
.logo-link:hover .logo { opacity:0.8; transition:opacity .3s; }

.lang-switcher { text-align:center; margin-bottom:15px; }
.lang-switcher a { margin:0 5px; font-size:1.5em; text-decoration:none; opacity:0.6; transition:opacity .3s; }
.lang-switcher a.active, .lang-switcher a:hover { opacity:1; }

.box { background:#fff; padding:25px; border-radius:12px; box-shadow:0 2px 15px rgba(0,0,0,0.1); }
h2 { text-align:center; color:#2f6f4e; margin-bottom:18px; }

.error { color:#c00; text-align:center; margin-bottom:12px; }

input, textarea { width:100%; padding:10px; margin-top:10px; border:1px solid #ddd; border-radius:7px; font-size:1em; }
textarea { resize: vertical; min-height:100px; }
.stars { direction: rtl; text-align:center; margin:12px 0; }
.stars input { display:none; }
.stars label { font-size:2em; color:#ccc; cursor: pointer; transition:color .2s; }
.stars input:checked ~ label, .stars label:hover, .stars label:hover ~ label { color:#ffbc05; }

.submit-btn, .copy-btn { width:100%; padding:12px; margin-top:15px; border:none; border-radius:8px; background:#2f6f4e; color:#fff; font-size:1.1em; cursor:pointer; transition:background .3s; }
.submit-btn:hover, .copy-btn:hover { background:#265a3f; }

.result { text-align:center; }
.stars-display span { font-size:2em; }
.stars-display .empty { color:#ccc; }

textarea#reviewText { height:80px; margin:10px 0; }

.platform-btn { display:block; width:100%; margin:8px 0; padding:10px; border:1px solid #ddd; border-radius:8px; text-decoration:none; color:#333; display:flex; align-items:center; }
.platform-btn img { height:24px; margin-right:10px; }

.thanks { color:#2f6f4e; margin:15px 0; font-weight:bold; }