*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f8fb;color:#0f172a}.page{min-height:100vh;display:flex;align-items:center;justify-content:center}.card,.page{padding:20px}.card{width:100%;max-width:520px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.06)}h1{margin:0 0 8px;font-size:24px}.sub{margin:0 0 16px;color:#475569;font-size:14px}.stars{display:flex;gap:8px;margin-bottom:16px}.star{border:1px solid #cbd5e1;border-radius:10px;background:#fff;width:44px;height:44px;font-size:22px;cursor:pointer}.star.active{border-color:#f59e0b;background:#fff7ed}input,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px;font-size:14px;margin-bottom:12px}button.submit{width:100%;border:none;border-radius:10px;background:#2563eb;color:#fff;font-weight:700;padding:12px;cursor:pointer}button.submit:disabled{opacity:.6;cursor:not-allowed}.msg{margin-top:12px;font-size:13px}.msg.error{color:#b91c1c}.msg.success{color:#166534}